Отключен JavaScript

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

1

Изменился Вид Каталога Товаров

Автор face001, 14 марта 2013 23:49

каталог товаров пластик

Вперед

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

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

#1 face001

Пользователь

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

ГородСамара

Отправлено 14 Март 2013 - 23:49

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

Ну и заодно хотелось бы Вас попросить, помочь сдвинуть вправо "верхнюю панель сайта".
Пожалуйста, помогите решить данную проблему.
Мой магазин

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

Наверх

#2 Vaccina

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

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

Отправлено 15 Март 2013 - 01:43

Пожалуйста, приложите код вашего каталога.

Верхнее меню сдвинуть не получиться, так как оно и так растянуто на 100% Вам необходимо изменить изображение "panel-bg.png" удалив закругленные углы, так как они и дают такой визуальный эффект.

Наверх

#3 face001

Пользователь

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

ГородСамара

Отправлено 15 Март 2013 - 08:28

К сожалению, мне тяжело даются азы программирования.Поэтому если я ошибся, то извините.
Вот код каталога из файла HTML

    
  {%IFNOT catalog_full_empty%}
        {%FOR catalog_full%}
          {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
          <li class="
                level{catalog_full.LEVEL}
                nav-{catalog_full.index}
                {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}
                {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}
          ">
                <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a>
          {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
          {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
        {%ENDFOR%}
  {%ENDIF%}
    

Так же при "изготовление" "выпадающего" окна каталога, изменялся и файл main.css.  Всю инфу я брал из этой ветки форума

Наверх

#4 face001

Пользователь

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

ГородСамара

Отправлено 15 Март 2013 - 22:37

Решил напомнить о существование вышеописанной проблеме... Может поможет кто-нибудь? Я сам вообще не могу разобраться...

Наверх

#5 Vaccina

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

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

Отправлено 16 Март 2013 - 03:05

Попробуйте использовать следующий код каталога

<!-- Каталог сайта -->
	<div class="block">
	  <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div>
	  <div class="blockmain navigation fnt12n">
		{%IFNOT catalog_full_empty%}
		{%FOR catalog_full%}
		  {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %}
			  <li class="{% IF catalog_full.HIDE %}hide{% ENDIF %} {% IF catalog_full.LEVEL>0%}incat{% ENDIF %} {% IF catalog_full.CURRENT %}fnt12b{% ENDIF %} level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"><a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></a>
	
	  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
			   {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}
		</ul>
	  </div>
	  <div class="blockbottom"></div>
	</div>
	<!-- END Каталог сайта -->

Наверх

#6 face001

Пользователь

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

ГородСамара

Отправлено 16 Март 2013 - 12:12

Попробовал вставить изменить свой код на Ваш. Изображение, форма и цвет оформления "каталога товаров" стало прежним, но "выпадающие" окна подкатегорий, не работают. Может есть ещё какие-нибудь варианты? Буду очень признателен за помощь.

Наверх

#7 face001

Пользователь

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

ГородСамара

Отправлено 16 Март 2013 - 12:28

Извините, ошибся в описании исправлений. Сама функция "выпадающего" окна, судя по всему работает, но некорректно. То есть, когда наводишь мышку на категорию, справа от неё появляется подкатегория, но отображается не полностью, а только часть. На скрине темно-серым как-раз и высвечивается подкатегория.

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

Наверх

#8 mikola

Good soo good

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

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

Отправлено 18 Март 2013 - 17:41

face001 (16 Март 2013 - 12:28) писал:

Извините, ошибся в описании исправлений. Сама функция "выпадающего" окна, судя по всему работает, но некорректно. То есть, когда наводишь мышку на категорию, справа от неё появляется подкатегория, но отображается не полностью, а только часть. На скрине темно-серым как-раз и высвечивается подкатегория.

прикрепите к сообщению ваш код
main.css

Наверх

#9 face001

Пользователь

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

ГородСамара

Отправлено 18 Март 2013 - 19:00

  Developer/Html: Evgeniy "Albka" Gableev
  Design: Dmitry "Shadow-dk" Kankovsky
  Copyright: ESTETIQUE |
  E-mail: manager@eststudio.net
  URL: http://www.eststudio.net/
  ICQ: 4056368, 555020335
  TWITTER: https://twitter.com/est_studio
  License(RU): Дизайн и верстка выполнена студией Estetique.
  Запрещено распространение файлов данного шаблона в любом виде, как на коммерческой так и на некоммерческой основе.
  Все права принадлежат авторам.
*/
/*Main*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,input { margin: 0; padding: 0; }
body { background:url(http://design.uniongoods.ru/179_zoom.jpeg?2511) #FFFFFF repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
h1, h2, h3, h4, h5 { line-height: normal; }
h1 { font-size: 1.25em; } h2 { font-size: 1.2em; } h3 { font-size: 1.15em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; }
input, textarea, select, button, body { font: 12px/16px Tahoma, Geneva, sans-serif; }
input, input:active, textarea, select, button, a { outline: none; border:none; }
hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }
ul {list-style-type:none;}
h1, h2, h3, h4, h5, h6, p {  margin-top: 0; }
a img {border: none;}
a { font:normal 11px Tahoma, Geneva, sans-serif; color:#646464; text-decoration:none;}
a:hover { color:#30c4eb; text-decoration:underline;}
img { border:none;}
p { padding:0; margin:0; }
td { vertical-align:middle;  }
/* Настройки максимальных размеров генерируемых изображений */
.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:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}
.goods-cat-image-medium-square  {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px}
.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 Настройки максимальных размеров генерируемых изображений */
/*Главные индификаторы*/
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) bottom center no-repeat; }
#header { width:100%; height:120px; clear:both;  }
#panelsite { width:100%; height:104px; clear:both;}
#container {
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 3px 3px 15px rgba(1, 3, 1, 0.75);
margin: 0 auto;
max-width: 1000px;
width: 1000px;
padding-left: 20px;
padding-right: 20px;
}
#content{float:right;width:756px}
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
#right { float:right; width:225px; margin:0 10px 0 0; }
#mainindex {  float:left; width:512px; }
#left { float:left; width:225px; margin:0px 0 -11px 10px; }
#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }
#panelbottom { clear:both; background:#FFF; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px;   }
/*Разные id && class*/
.clear { clear:both; width:100%; }
.valignMiddle {vertical-align:middle;}
#bottobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) 0 -11px no-repeat; width:1000px; height:11px; margin:0 auto; }
#cntrobj {
		background: url("/web/upload/assets/images/145/144230/conteiner-bg-y.jpg") repeat-y scroll 0 0 transparent;
}
#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; }
#content .hr { background:url({ASSETS_IMAGES_PATH}hr-content-bg.png) repeat-x; width:100%; height:31px; clear:both; margin:0 0 -10px 0;}
#content .padd { padding-left:10px; padding-right:10px; }
#content .seo { margin:15px 0; }
#content .color { color:#1c5d76; }
 
  /*Шрифты и выравнивания*/
  .fnt10n, .fnt10n a { font:normal 10px Verdana, Geneva, sans-serif; }
  .fnt11n, .fnt11n a { font:normal 11px Verdana, Geneva, sans-serif; }
  .fnt11b, .fnt11b a { font:bold 11px Verdana, Geneva, sans-serif; }
  .fnt11i, .fnt11i a { font:italic 11px Verdana, Geneva, sans-serif; }
  .fnt12i, .fnt12i a { font:italic 12px Verdana, Geneva, sans-serif; }
  .fnt12n, .fnt12n a { font:normal 12px Verdana, Geneva, sans-serif; }
  .fnt12b, .fnt12b a { font:bold 12px Verdana, Geneva, sans-serif; }
  .fnt14n, .fnt14n a { font:normal 14px Verdana, Geneva, sans-serif; }
  .fnt14b, .fnt14b a { font:bold 14px Verdana, Geneva, sans-serif; }
  .fnt14i span { font:italic 12px Verdana, Geneva, sans-serif; }
  .fnt14i, .fnt14i a, .fnt14i span.num { font:bold italic 14px Verdana, Geneva, sans-serif; }
  .fnt18n, .fnt18n a { font:normal 18px Verdana, Geneva, sans-serif; }
  .fnt18i, .fnt18i a { font:italic 18px Verdana, Geneva, sans-serif; }
  .txtalgnlft { text-align:left; }
  .txtalgnrgh { text-align:right; }
  .txtalgncnt { text-align:center; }
 
  .green {color:#188518;}
  .red   {color: red;}
/*Верх сайта*/
#header .blocks {  width:100%; height:75px; }
  #header .blocks .lft { float:left; background:url(http://design.uniongoods.ru/backsprite.png) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; }
  #header .blocks .logotype { margin:-105px 0 0 20px; float:left; }
  #header .blocks ul.telephone23 { margin:-21px 250px 0 0px; float:right; font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);   }
  #header .blocks ul.telephone23 li { float:left; margin-left:10px; }
  #header .blocks .cntr { float:left; background:url(http://design.uniongoods.ru/haeder-bgx.png) repeat-x; width:628px; height:20px; }
  #header .blocks .rght { float:left; margin:0 0 0 0; background:url(http://design.uniongoods.ru/haeder-bg.png) top right no-repeat; width:358px; height:110px;  }
	#header .blocks .rght ul { margin:6px 0 0 75px; }
	#header .blocks .rght ul li { overflow:hidden; font:normal 12px Verdana, Geneva, sans-serif; color:#5e5d5d; }
	  #header .blocks .rght ul li.padd { padding:4px 0 4px 25px; margin:2px 0 0 45px; overflow:hidden; width:200px; height:14px; line-height:15px; }
	  #header .blocks .rght ul li.title { font:normal 12px Verdana, Geneva, sans-serif; color:#1e5d77; margin:-2px 0 0 46px; }
	  #header .blocks .rght ul li.telephone { background:url(http://design.uniongoods.ru/haeder-bg-icon.png) no-repeat;  }
	  #header .blocks .rght ul li.skype { background:url(http://design.uniongoods.ru/haeder-bg-icon.png) 0 -22px no-repeat; }
	  #header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#696969; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);  width:225px; padding-left:0; margin-top:19px; }
	 
/*Верхняя панель сайта*/
#panelsite { height:104px; width:100%; } 
  #panelsite div { height:104px; float:left; overflow:hidden; }   
  #panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
  #panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868;  } 
	#panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none;  }
	  #panelsite div.rightcol a img { float:left;  }
	  #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
		#panelsite div.rightcol ul li { margin:5px 0 0 0;  }
		  #panelsite div.rightcol ul:hover li.default { display:none;  }
		  #panelsite div.rightcol ul:hover li.off { display:block; }
		  #panelsite div.rightcol ul li.hover { display:none; }
		  #panelsite div.rightcol ul:hover li.hover { display:block; color:#1e5d77;  }
		  #panelsite div.rightcol ul li.money {  font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
	#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:747px;: }
	#panelsite div.centercol div { height:auto; float:none; } 
			   #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }
		#panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px;  }
		#panelsite div.centercol .menuheader ul li.main { background:none; }
		  #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block;	}
		  #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
		  #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
	  #panelsite div.centercol lable { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:90px; height:51px; float:left; }
	  #panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
		#panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default;  }
		#panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
		#panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }

/*Контентная часть сайта*/
  /*Кнопки*/
  .whtblue { border:1px solid #d0d0d0 !important; background:url({ASSETS_IMAGES_PATH}whtblue-nor.jpg) center top repeat-x; padding:5px 15px; font:normal 12px Verdana, Geneva, sans-serif; color:#504f4f; height:27px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; outline:none; }
  @-moz-document url-prefix() { .whtblue { padding:2px 12px 5px 12px; height:27px; }  a.whtblue { padding:5px 12px 5px 12px; height:27px;} }
  .whtblue:hover { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#3e3e3e; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
  .whtblue:active { background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center bottom repeat; border:1px solid #5fa8c4; }
  .whtgreen { border:1px solid #d0d0d0; background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center top repeat-x; padding:4px 10px 2px 10px; font:normal 11px Verdana, Geneva, sans-serif; color:#3a3a3a;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
  @-moz-document url-prefix() { button.whtgreen { height:23px; padding:2px 10px 4px 10px; position:relative; top:1px; } }
  .whtgreen:hover, .blgreen:hover   { background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center center repeat; border:1px solid #83a61d; color:#1c1c1c; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  }
  .whtgreen:active, .blgreen:active { background:url({ASSETS_IMAGES_PATH}whtgreen-bg.jpg) center bottom repeat; }
  .blgreen {  background:url({ASSETS_IMAGES_PATH}whtblue-bg.jpg) center top repeat; border:1px solid #5fa8c4; color:#494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding:4px 10px 2px 10px; //padding:1px 10px 0px 10px; //line-height:10px; font:normal 11px Verdana, Geneva, sans-serif;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; cursor:pointer;}
  a.blgreen, a.whtgreen, a.whtblue, a.whtgray { text-decoration:none; display:inline-block; height:15px; }
  @-moz-document url-prefix() { button.blgreen { height:23px; padding:2px 10px 4px 10px;  } }
  a.whtgray, button.whtgray  { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) top center no-repeat; width:138px; height:18px; padding:7px 0 6px 0; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; color:#3a3a3a; cursor:pointer; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); margin:0 10px 0 0;}
  a.whtgray:hover, button.whtgray:hover { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) center center no-repeat; }
  a.whtgray:active, button.whtgray:active { background:url({ASSETS_IMAGES_PATH}whtgray-bg.jpg) center bottom no-repeat; }
  button.whtgray { float:left; height:31px; padding:4px 0 6px 0;  }
  #mainindex button.blgreen { width:86px; float:left; margin:0 0 0 5px; padding-bottom:4px; }
  #mainindex a.whtgreen { float:left; margin:0 0 0 30px; }
  button:hover { cursor:pointer; }
  input[type=submit].whtgreen, button.whtgreen { padding:4px 10px; }
/*Блоки левой и правой части*/
#left .block, #right .block { margin:0 0 10px 0; }
  #left .block .blocktitle, #right .block .blocktitle {  width:205px; font:bold 12px Verdana, Geneva, sans-serif; color:#FFF;  }
	#left .block .blocktitle a, #right .block .blocktitle a {  font:bold 12px Verdana, Geneva, sans-serif; color:#FFF; text-decoration:none; }
	#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; }
	#left .block .greysmall, #right .block .greysmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) 0 -88px no-repeat; height:28px; padding:10px 0 0 20px; color:#434343; }
	#left .block .greysmall a, #right .block .greysmall a { color:#434343; }
	#left .block .bluelarge, #right .block .bluelarge { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; }
  #left .block .blockmain, #right .block .blockmain { background:url({ASSETS_IMAGES_PATH}block-main-bg-x.jpg) #FFF center top repeat-x; width:223px; padding:10px 0 0 0; border:1px solid #d5d5d5; border-top:0; border-bottom:0;}
	/*Стили блоков*/
	#left .block .navigation, #right .block .navigation {}
		#left .block .navigation ul, #right .block .navigation ul { border-top:1px solid #e2e2e2; }
		#left .block .navigation ul li, #right .block .navigation ul li { background:url({ASSETS_IMAGES_PATH}block-main-nav-bg.jpg) no-repeat; width:223px; border-top:1px solid #FFF; border-bottom:1px solid #e2e2e2; overflow:hidden; }
		#left .block .navigation ul li:hover, #right .block .navigation ul li:hover {  background:url({ASSETS_IMAGES_PATH}block-main-nav-bg.jpg) 0 -34px no-repeat; }
		#left .block .navigation ul li a, #right .block .navigation ul li a {  padding:4px 5px 5px 25px; display:block; color:#4c4c4c; line-height:24px; overflow:hidden; }
		#left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover { color:#2f7793; text-decoration:none; }
		  #left .block .navigation ul li.incat, #right .block .navigation ul li.incat { background:url({ASSETS_IMAGES_PATH}block-main-nav-bg.jpg) 0 -68px no-repeat;}
		  #left .block .navigation ul li.incat a, #right .block .navigation ul li.incat a { color:#5babcc; }
		  #left .block .navigation ul li.incat a:hover, #right .block .navigation ul li.incat a:hover { text-decoration:underline; }
	#left .block .state, #right .block .state {}
	  #left .block .state .statetext, #right .block .state .statetext { color:#434343; padding:0 0 7px 0; }
		#left .block .state .statetext p, #right .block .state .statetext p { width:auto; max-height:53px; overflow:hidden;}
		#left .block .state .statetitle, #right .block .state .statetitle { color:#2f7793; margin:0 0 7px 0; }
		#left .block .state .statetitle a, #right .block .state .statetitle a { color:#2f7793; display:block; text-decoration:underline; }
		#left .block .state .statetitle a:hover, #right .block .state .statetitle a:hover { text-decoration:none; }
		#left .block .state .statedate, #right .block .state .statedate { color:#9e9e9e; margin:2px 0 0 0; }
		#left .block .state .statedate, #right .block .state .archive a { margin: }
	#left .block .srav, #right .block .srav {}
	  #left .block .false, #right .block .false { color:#353535; padding:7px 0; }
	  #left .block .true, #right .block .true { color:#353535; }
		#left .block .true .button, #right .block .true .button { padding:5px 0; }
	#left .block .cart, #right .block .cart { padding:20px 0 15px 0; height:40px; }
	  #left .block .cart ul li , #right .block .cart ul li { float:left; }
	  #left .block .cart ul li p, #right .block .cart ul li p { color:#636363; clear:both; float:left; margin:0 0 3px 0; width:145px; height:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	  #left .block .cart ul li.img , #right .block .cart ul li.img { width:50px; }
		#left .block .cart ul li.img img, #right .block .cart ul li.img img {  display:block; float:left; margin:0px 0 0 0; width:49px; height:41px; }
	  #left .block .cart ul li.button , #right .block .cart ul li.button { margin:0 0px 0 5px; width:148px; }

  #left .block .padd, #right .block .padd { padding-left:10px; padding-right:10px; width:203px; }
  #left .block .blockbottom, #right .block .blockbottom { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) 0 -126px no-repeat; width:225px; height:11px; }
 
  #left .block .blockmain ul.filter { padding:2px 10px; }
  #left .block .blockmain ul.filter div.contentTbodySearchFilterBlockValues { padding:5px 0; display:block; }
  #left .block .blockmain ul.filter .contentTbodySearchFilterBlockValues lable { display:block; color:red; }
/*Заголовок h1 странички*/
#content .headline { margin:0 10px 10px 10px; background:url({ASSETS_IMAGES_PATH}headline-bg.jpg) top center no-repeat;  width:732px; }
#content #mainindex .headline { background:url({ASSETS_IMAGES_PATH}headline-index-bg.jpg) top center no-repeat; width:492px; }
  #content .headline .main { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) bottom center repeat-x; padding:10px 12px 13px 12px; border:1px solid #dadada; border-top:0;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
  #content .headline .brdr0 { border-left:0; border-right:0; }
  #content .headline .padd {  padding:10px 12px 13px 12px; }
	#content .headline .h1 { background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	  #content .headline .h1 a { color:#6c6c6c; padding:0 0 5px 0; display:block; }
	#content .headline .h1static { color:#4e4e4e; border-bottom:1px dotted #ababab; padding:0 0 3px 0; }
	#content .speedbar { margin:-5px 0 5px 0; }
	#content .headline .speedbar { background:url({ASSETS_IMAGES_PATH}separ-bg.jpg) bottom center repeat-x; padding:7px 0 6px 0; }
	  #content .speedbar a { color:#5e5d5d; }
	  #content .speedbar a:hover { color:#5195af; }
	  #content .speedbar span { color:#5e5d5d; }
	#content .headline .text { color:#636464; padding:5px 0 0px 0 ; line-height:16px; }
	  #content .headline .text a { color:#357892; text-decoration:underline; }
	  #content .headline .text a:hover { text-decoration:none; }
  #content .headline .paddlr { padding:0 10px; }
/*Товары*/
#content .box {}
#content .box table.table td { vertical-align:top; padding:5px; }
  #content .box .titlebox, #content .titlebox ul li a { color:#317f9f; }
  #content .box .titlebox { border-bottom:1px dotted #6a6a6a; height:27px; clear:both; overflow:hidden; width:100%; }
	#content .box .titlebox {}
	#content .box .titlebox ul li.blue { background:#5195af; float:left; height:22px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; margin:0 20px 0 0; }
	  #content .box .titlebox ul li.blue a { background:url({ASSETS_IMAGES_PATH}content-ttl-cat-a.png) right bottom no-repeat; color:#FFF; display:inline-block; float:left; margin:0 -13px 0 5px; padding:4px 15px 4px 2px; text-decoration:none; line-height:14px; }
	  #content #mainindex .box .titlebox ul li.blue a { max-width:470px; overflow:hidden; height:14px; }
	#content .box .titlebox ul li.opct { opacity:0.4; filter: alpha(Opacity=40);}
	#content .box .titlebox ul li.default a { float:left; color:#317f9f; padding:4px 0 4px 0; max-width:600px; display:inline-block; height:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	#content #mainindex .box .titlebox ul li.default a { max-width:390px;}
  /*Вывод таблицей*/
  #content .box .tabproduct { width:235px; max-width:235px; padding:5px 0 0px 0; background:url({ASSETS_IMAGES_PATH}block-main-nav-bg.jpg) 0 -68px repeat-x; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;   }
	#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:16px; width:auto; overflow:hidden; padding:0 5px; display:block; }
	  #content .box .tabproduct:hover .title a { color:#317f9f; }
	  #content .box .tabproduct:hover .title a:hover { text-decoration:underline; }
	#content .box .tabproduct .img { margin:5px 0 0 0; min-height:165px; max-height:165px; height:165px; }
	  #content .box .stikerhit, #content .box .stikerpro { width:45px; height:45px; position:relative; top:45px; float:right; z-index:40; }
	  #content .box .tabproduct .img .stikerhit, #content .box .ulproduct .img .stikerhit { background:url({ASSETS_IMAGES_PATH}stikerbg.png) top center no-repeat; margin:-45px 40px 0 0; }
	  #content .box .tabproduct .img .stikerpro, #content .box .ulproduct .img .stikerpro { background:url({ASSETS_IMAGES_PATH}stikerbg.png) center center no-repeat; margin:-45px 40px 0 0;  }
	  #content .box .ulproduct .img .stikerpro:hover, #content .box .ulproduct .img .stikerhit:hover, #content .box .tabproduct .img .stikerpro:hover, #content .box .tabproduct .img .stikerhit:hover { background:url({ASSETS_IMAGES_PATH}stikerbg.png) center bottom no-repeat; }
	  #content .box .ulproduct .img .stikerhit, #content .box .ulproduct .img .stikerpro { margin:-45px 20px 0 0 ; }
	#content .box .tabproduct .img img { max-width:190px; max-height:165px; position:relative; z-index:31; }
	#content .box .tabproduct .price { color:#636363; margin:4px 0; float:none;   }
	  #content .box .tabproduct .price span, #content .box .ulproduct .infoproduct .price span { color:#7e7e7e; text-decoration:line-through; }
	  #content .box .tabproduct .price em span { text-decoration:none; color:#636363; }
	  #content .box .tabproduct .price em span.num, #content .box .ulproduct .infoproduct .price em { color:#096f97; text-decoration:none; }
	#content .box .tabproduct .buttons { clear:both; height:22px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -38px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
	  #content .box .tabproduct .buttons a.blgreen { padding:4px 20px 2px 20px;}
  /*Вывод списком*/ 
  #content .box .ulproduct { margin:10px 0 10px 0; width:auto; }
	#content .box .ulproduct .img { float:left; max-width:150px; width:150px; min-height:130px;  height:130px; }
	  #content .box .ulproduct .img img { max-width:135px; max-height:130px; position:relative; z-index:31; }
	#content .mainindex .box .ulproduct .infoproduct { float:left; width:340px; }
	  #content .box .ulproduct .infoproduct .name a { color:#4d4d4d; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	  #content .box .ulproduct .infoproduct .info { color:#4d4d4d; margin:10px 0 10px 0; overflow:hidden; max-height:40px; width:auto; }
	  #content .box .ulproduct .infoproduct .price { color:#454545; margin:10px 0 0 0; }
	  #content .box .ulproduct .infoproduct .price em span { color:#096f97; text-decoration:none; }
/*Вывод статей/новостей сайта*/ 
#content .article {}
  #content .article .title { margin:5px 0; }   
	#content .article .title ul li { height:17px; overflow:hidden; width:auto;  }
	  #content .article .title ul li a { background:url({ASSETS_IMAGES_PATH}article-title-bg.png) no-repeat; color:#0a79a9; display:block; text-decoration:none;  padding:0 0 0px 18px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
	  #content .article .title ul li a:hover { background:url({ASSETS_IMAGES_PATH}article-title-bg.png) 0 -16px no-repeat; } 
  #content .article .text { color:#4e4e4e; }
	#content .article .short{ overflow:hidden; width:auto; max-height:58px; }
	#content .article .text a, #content .action .text a { color:#1b5972; text-decoration:underline; }
	#content .article .text a:hover, #content .action .text a:hover { text-decoration:none; } 
  #content .article .data { color:#888888; margin:4px 0 -5px 0; }   
/*Вывод акций*/
#content .action {}
  #content .action .title {} 
	#content .action .title ul li a { color:#2a647b; display:block; padding:5px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
  #content .action .info { border-top:1px solid #e9e9e9; height:50px; }
	#content .action .info .border { width:50%; border-bottom:1px solid #e9e9e9; float:left; padding:4px 0; }
	  #content .action .info .border span { margin:0 0 0 10px; } 
  #content .action .text { color:#646464; padding:3px 0 0 0; }
	#content .action .short  { overflow:hidden; width:auto; max-height:54px; }
  #content .action .button { margin:10px 0;}
	#content .action .button a { max-width:600px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
   
/*Таблица*//*Кабинет пользователя*/
#content .privat { }
  #content .privat .title { color:#1c5d76; margin:0 0 10px 0; }
  #content table.tblinput { color:#636464; }
  #content table.tblinput a.showPass, #content table.tblinput a.OrderShowPass { float:left; font:normal 10px Verdana, Geneva, sans-serif; text-decoration:none; }
  #content table.tblinput tr td { padding-bottom:8px; }
  #content table.tblinput input[type=text], #content table.tblinput input[type=password], input[type=file], #content table.tblinput textarea, #content td.number input[type=text], #content .boxmoney .main .block .mod .select select, td.selc select, .infoblock input.inputText, .infoblock select  { background:#FFF; border:1px solid #abadb3 !important; width:100%; //width:auto; //min-width:300px;  padding:3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#9e9e9e; }
  #content table.tblinput textarea.back { background:url({ASSETS_IMAGES_PATH}textarea-bg.jpg) #FFF top center repeat-x ; padding:7px 3px 5px 3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:8px; }
  #content table.tblinput textarea.back:focus { background:url({ASSETS_IMAGES_PATH}textarea-bg.jpg) top center repeat-x; }
  #content table.tblinput input[type=text]:hover, #content table.tblinput input[type=password]:hover, #content table.tblinput textarea:hover, #content td.number input[type=text]:hover, #content .boxmoney .main .block .mod .select select:hover { border:1px solid #52a6c7; color:#52a6c7; cursor:pointer; }
  #content table.tblinput input[type=text]:focus, #content table.tblinput input[type=password]:focus, #content table.tblinput textarea:focus, #content td.number input[type=text]:focus { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) #FFF bottom repeat-x ; border:1px solid #42849e; color:#42849e; cursor:text; }
  #content table.tblinput textarea { min-height:70px; }
  #content table.tblinput tr td span { color:#65b1d0; }
  #content table.tblinput tr td.color, span.color { color:#1c5d76; }
  td.selc select, td.selc #deliveryConvenientDate { max-width:20% !important; width:20% !important; min-width:20% !important; }
  .required { border:1px solid red !impotant;}
/*Таблица*//*Оформление заказа 4 шаг*/
  #content table.position { color:#434343; margin:10px 0 0 0; }
	#content table.position tr.gray { background:#e9e9e9; }
	#content table.position tr.gray:hover { background:#d8e8ef; }
	#content table.position tr td { padding:5px 10px}
	#content table.position tr td.valign, #content table.tblinput tr td.valign { vertical-align:middle;  }
	#content table.position tr td.mess p span span, #content table.position tr td.mess p span { color:#434343; }
/*Таблица*//*История заказов*/
#content .history { color:#3a3a3a; padding:0 5px 0 0; }
  #content .history table tr.title { background:#e8e8e8; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); }
	#content .history table tr.title td { padding:4px 0; //background:#e8e8e8; border-left:1px solid #FFF;}
	#content .history table tr.title td.first { border:0; }
  #content .history table tr.order td { border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:7px 4px; vertical-align:middle; }
  #content .history table tr.order:hover, #content table.position tr:hover { background:#eef7fa; }
	#content .history table tr.order td span.num, #content table.position tr td span, #content table.position tr td p.fnt14n span { color:#1e607b; }
  #content .history table tr.order td.last, #content .history table tr.title td.last { border-right:1px solid #e8e8e8;}
 
  #content table.CompareGoodsTableTbody tr td, tr.order td.name { padding:0 5px; }
  #content table.CompareGoodsTableTbody tr td .CompareCheckbox { vertical-align:middle; }
  #content table.CompareGoodsTableTbody tr td.ceil1 { padding-left:5px; }
  /* Скрытие изображений в описаниях товаров на сравнении, чтобы не ехала вёрстка */
  #content tr.CompareGoodsTableTbodyComparisonLine img { display: none; }
  /*Корзина*/
  #content .history table tr.order td.number input[type=text] { padding:3px 0; min-width:40px; max-width:40px; margin:0; }
  #content .history table tr.order td a.delete { background:url({ASSETS_IMAGES_PATH}cart-delete-bg.png) top center no-repeat; width:18px; height:18px; display:block; margin:0 auto; }
  #content .history table tr.order td a.delete:hover { background:url({ASSETS_IMAGES_PATH}cart-delete-bg.png) bottom center no-repeat; }
  #content .history table tr.order td .img { width:50px; float:left; margin:0 10px; }
	#content .history table tr.order td .img img { max-width:50px; max-height:45px; }
  #content .history table tr.order td .info { float:left; width:290px; }
	#content .history table.finish tr.order td .info { width:430px; }
  #content .history table tr.order td .info span a { color:#202020; }
  #content .history table tr.order td .info p, #content .history table tr.order td .info p a { color:#767676; }
  #content .history .cartbottom { margin:10px 0 0 0; }
	#content .history .cartbottom .left { float:left; margin:3px 0 0 0; }
	#content .history .cartbottom .right { float:right; }
  #content .history .cartbottom .boxmoney .main { padding:10px; }
	#content .history .cartbottom .boxmoney .main em span { font-size:12px; font-weight:bold; }
	#content .history .cartbottom .boxmoney .main em span span.num { font-size:18px; font-weight:normal; color:#316f89; }
/*Таблица*//*Характеристики*/   
#content table.charactir { color:#5e5d5d; }
  #content table.charactir tr { background:#eef7fa; }
  #content table.charactir tr:hover { background:#e2f1f6; }
   #content table.charactir tr td { padding:8px 0 8px 15px; border-right:3px solid #FFF; //background:#eef7fa; border-bottom:2px solid #FFF; }
  
/*Товар*/
#content .product {}  
  #content .product .leftpart { float:left; width:43%; }
	#content .product .leftpart .fullimg, #content .product .leftpart .allphoto ul li a { border:1px solid #ebebeb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; width:100%;  }
	#content .product .leftpart .fullimg:hover, #content .product .leftpart .allphoto ul li a:hover { border:1px solid #2f7793; }
	  #content .product .leftpart .fullimg .stikyes { background:url({ASSETS_IMAGES_PATH}stikerbg2.png) center top no-repeat; width:103px; height:77px; position:relative; top:0px; float:right; z-index:33; margin:-15px 0px -77px 0;  }
	  #content .product .leftpart .fullimg .stikno { background:url({ASSETS_IMAGES_PATH}stikerbg2.png) center bottom no-repeat; width:103px; height:77px;  position:relative; top:0px; float:right; z-index:33; margin:-15px 0px -77px 0; }
	#content .product .leftpart .button { margin:5px 0;}
	  #content .product .leftpart .fullimg a { display:block; padding:5px; }
	  #content .product .leftpart .fullimg a img { max-width:310px; max-height:200px; position:relative; z-index:30; }
	  #content .product .leftpart .allphoto {}
	  #content .product .leftpart .allphoto .title { font-weight:bold; color:#2f7793; margin:0 0 5px 0; }
	  #content .product .leftpart .allphoto ul li { float:left; min-width:63px; min-height:63px; margin:0 15px 10px 0; }
	  #content .product .leftpart .allphoto ul li a { display:block; padding:3px; }
	  #content .product .leftpart .allphoto ul li a img { max-width:50px; max-height:50px;  }
  #content .product .rightpart { float:right; width:55%; }
#content .boxmoney { background:url({ASSETS_IMAGES_PATH}cart-money-bg.jpg) #FFF top center repeat-x; padding:1px 0 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; overflow:hidden;  }
  #content .boxmoney .main { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) bottom center repeat-x; border:1px solid #d5d5d5; border-top:0; padding:7px 10px 10px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
  #content .boxmoney .main .block { border-bottom:1px dotted #ababab; padding:0 0 5px 0; }
	#content .boxmoney .main .block ul.left { float:left; color:#484949; }
	  #content .boxmoney .main .block ul.left li { margin:7px 0 0 0; }
	  #content .boxmoney .main .block ul.left li span { font-style:italic;}
	  #content .boxmoney .main .block ul.left li span.num { font-style:italic; font-weight:bold; font-size:18px; }
	  #content .boxmoney .main .block ul.left li.old { color:#2f7793; text-decoration:line-through; }
	#content .boxmoney .main .block ul.right { float:right; }
	  #content .boxmoney .main .block ul.right li { margin:5px 0 0 0; }
	  #content .boxmoney .main .block ul.right li a.whtblue { min-width:104px; }
	#content .boxmoney .main .block .mod { float:left; margin:5px 10px 0 0; }
	  #content .boxmoney .main .block .mod .title { color:#2f7793; }
	  #content .boxmoney .main .block .mod .select { margin:3px 0 0 0;}
	   #content .boxmoney .main .block .mod .select select { color:#004b68; width:auto; }
	#content .boxmoney .main .block .delivery { color:#434343; }
	  #content .boxmoney .main .block .delivery p { margin:5px 0 0px 0; color:#2f7793; }
	  #content .boxmoney .main .block .delivery .title { margin:5px 0 0 0; }
	  #content .boxmoney .main .block .delivery .info { padding:7px 0 7px 10px; color:#727272; }
	  #content .boxmoney .main .block .delivery .delivmoney { font-weight:bold; color:#2f7793; padding:0 0 5px 0; }
	  #content .boxmoney .main .block .delivery table tr.delivery td { padding:2px 0 2px 10px; border-bottom:1px dotted #CCC; }
	  #content .boxmoney .main .block .delivery table tr.delivery td.last { padding:2px 0; border:0; }
	  #content .boxmoney .main .block .delivery table tr.delivery td.old { color:#767676; }
/*Блок сортитировки товаров*/
#content .cort { padding: 0px 10px; position: relative; top: 15px; margin-bottom: -10px; }
  #content .cort .left { float:left; color:#999; } 
	#content .cort .left ul li { float:left; margin:0 10px 0 0; }
	  #content .cort .left ul li select { margin:1px 0 0 0; width:auto; padding-left3px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  border:1px solid #999; color:#666; cursor:pointer;	}
  #content .cort .right { float:right; margin:2px 0 0 0; }
	#content .cort .right ul li { float:left; }
	  #content .cort .right ul li a { width:35px; height:25px; display:block; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
	  #content .cort .right ul li a.table { background:url({ASSETS_IMAGES_PATH}view-tab.gif) center center no-repeat; }
	  #content .cort .right ul li a.list { background:url({ASSETS_IMAGES_PATH}view-lis.gif) center center no-repeat; }
	#content .cort .right ul li:hover a, #content .cort .right ul li a.current  { background-color:#FFF; border:1px solid #CCC; border-bottom:0; margin-top:-1px; width:33px; }
   
/*Блок ошибки-информации*/
#content .infoblock { font-style:italic; border:1px solid #dbdede; max-width:698px; padding:8px 15px; margin:0 10px 0 10px; position:relative; top:5px; color:#38677c; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;  }
#content .infoblock table h4 { font-size:11px; font-style:normal; color:#999; margin:2px 0 5px 0; }
#content .infoblock a { font-style:italic; color:#38677c; text-decoration:underline; }
#content .infoblock a:hover { text-decoration:none; }
/*Отзывы*/
#content .comments { height:25px; }
  #content .comments .left { float:left; margin:5px 0 0 0; }
  #content .comments .right { float:right; }
	#content .comments .right ul li { float:left; margin:0 0 0 5px;}
	  #content .comments .right ul li a span { color:#38677c; }
	  #content .comments .right ul li a:hover span { color:#404040; }
#content .maincomments { color:#4e4e4e; margin:10px 0 0 0; }
  #content .maincomments .left { float:left; color:#898989; width:100px;}
	#content .maincomments .left ul li { margin:3px 0 0 0;	}
  #content .maincomments .right { float:left; width:580px; }
	#content .maincomments .right ul li { margin:0 0 1px 0; }
	  #content .maincomments .right ul li span.red { color:#C00; }
	  #content .maincomments .right ul li span.green { color:#090; }
	 
/*Навигация по контенту*/
#content .navigation { margin:30px 20px 10px 12px; color:#565656; }  
  #content .navigation a, #content .navigation span { background:#f9f9f9; border:1px solid #e9e9e9; padding:3px 6px; color:#565656; text-decoration:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:0 3px 0 0;  }
	#content .navigation .current { background:#dcdcdc; border:1px solid #c1c1c1; color:#9f9f9f;  }
  #content .navigation a:hover { background:#69b6d5; border:1px solid #5aa3c0; color:#FFF; } 
	   
/*Футер сайта*/
#footer #main { margin:0 auto; width:1000px; margin-top:25px; height:71px; }	 
  #footer #main .menufooter { float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;  }
	#footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px;  }
		#footer #main .menufooter ul li.main { background:none; }
		  #footer #main .menufooter ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block;	}
		  #footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
		  #footer #main .menufooter ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
  #footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }
/*Нижняя панель*/
#panelbottom .money { font:bold 14px Verdana, Geneva, sans-serif; color:#646464; }
  #panelbottom .money p { float:left; margin:13px 10px 0 10px;   }
  #panelbottom .money .img { float:left; margin:7px 0 0 0; background:url({ASSETS_IMAGES_PATH}panelbottom-bg.jpg) no-repeat; width:508px; height:28px; }
#panelbottom .schetchiki { text-align:right; float:right; margin:6px 15px 0 0; width:315px; height:33px; overflow:hidden; opacity: 0.7; filter: alpha(Opacity=70);  }
#panelbottom .schetchiki:hover { opacity: 0.9; filter: alpha(Opacity=90); }

label.invalidInput		  {display:block;color:#b85454;height:auto;WIDTH:auto; font-size:10px; font-weight:normal;margin-top:0px;}
input.invalidInput		   {border:1px solid #b85454 !important;background: #FFECE6 !important;}
/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.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; }
/* Кнопка на странице оплаты заказа */
.paymentFormTbodySubmitButton {
  cursor:pointer;
  display:inline-block;
  text-decoration: none;
  text-transform:uppercase;
  vertical-align: baseline;
  background-color: #8EC023;
  border-top: 1px solid #72AF40;
  border-right: 1px solid #65A32E;
  border-bottom: 1px solid #6B9A20;
  border-left: 1px solid #65A32E;
  color: white!important;
  font: 100% "Open Sans","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif,sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  text-shadow: 0 -1px 1px #4E9409;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#aae251", endColorstr="#6ba80c")";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aae251", endColorstr="#6ba80c");
  background-image: -o-linear-gradient(#75b600, #9bdc27);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #75b600), color-stop(1, #9bdc27));
  background-image: -moz-linear-gradient(center bottom, #75b600 0%, #9bdc27 100%);
  background-image: linear-gradient(top, #75b600, #9bdc27);
  -webkit-box-shadow: 0 1px 0 0 #a6e95b inset,0 1px 2px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 0 0 #a6e95b inset,0 1px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 0 0 #a6e95b inset,0 1px 2px 0 rgba(0,0,0,0.2);
  -o-transition: none 0.3s ease-in-out;
  -webkit-transition: none 0.3s ease-in-out;
  -moz-transition: none 0.3s ease-in-out;
}
.paymentFormTbodySubmitButton:hover {
	background: #1f8cf1;
	background-image:-moz-linear-gradient(top, #186cbb 0%, #1f8cf1 100%);
	background-image:-webkit-linear-gradient(top, #186cbb 0%, #1f8cf1 100%);
	background-image:-o-linear-gradient(top, #186cbb 0%, #1f8cf1 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#186cbb, endColorstr=#1f8cf1)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#186cbb", endColorstr="#1f8cf1");
	border: 1px solid #1560a6;
	border-top: 1px solid #1560a6;
	border-bottom: 1px solid #1560a6;
	-webkit-box-shadow: 0 1px 0 0 #186cbb inset,0 1px 2px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 0 #186cbb inset,0 1px 2px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 0 #186cbb inset,0 1px 2px 0 rgba(0,0,0,0.2);
	text-shadow:0px -1px 1px 0 #5c3c01;
	-o-transition: none 0.3s ease-in-out;
	-webkit-transition: none 0.3s ease-in-out;
	-moz-transition: none 0.3s ease-in-out;
	border-image: initial;
}
#back-top {
position: fixed;
bottom: 30px;
margin-left: -150px;
right: 30px;
}
#back-top a {
		width: 108px;
		display: block;
		text-align: center;
		font: 11px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #bbb;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		}
#back-top a:hover {
		color: #000;
		}
#back-top span {
		width: 108px;
		height: 108px;
		display: block;
		margin-bottom: 7px;
		background: #ddd url(http://union.storeland.ru/web/upload/assets/images/167/166841/%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0-%D0%BD%D0%B0%D0%B2%D0%B5%D1%80%D1%85.png?9063) no-repeat center center;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		}
#back-top a:hover span {
		background-color: #777;
		}
#nav{padding:0 0 32px 7px; margin:0; font-size:20px;}
/* Все уровни */
#nav li { text-align:left; position:relative; }
#nav li.over { z-index:999; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }
/* 1й уровень вложенности */
#nav li {}
#nav li a{padding:0 0 0; font-weight:bold; color:#2F4F4F; line-height:normal;}
#nav li a:hover { color:#333333; }
#nav li.over a,
#nav li.active a { color:#333333; }
/* 2й уровень вложенности */
#nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;}
#nav ul li { float:none; border-bottom:1px solid #FFF; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:13px 9px; font-weight:normal; color:#050505 !important; }
#nav ul li a:hover { color:#FFF !important; background:#333333; }
#nav ul li.active a,
#nav ul li.over a  { color:#FFF !important; background:#333333; }

/* Видимое меню */
#nav li.over ul { left:200px; }
#nav li.over ul li.over ul { left:15em; }
#nav li.over ul ul { left:-10000px; }
#nav li.over .indent-class{margin-left:230px;}
/********** Navigation > */

Вверху код main.css моего магазинчика

Наверх

#10 Vaccina

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

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

Отправлено 19 Март 2013 - 07:28

Найдите в файле стилей main.css

#left .block .navigation ul li, #right .block .navigation ul li {
	background: url("http://design.uniongoods.ru/block-main-nav-bg.jpg") no-repeat scroll 0 0 transparent;
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #FFFFFF;
	overflow: hidden;
	width: 223px;
}

и замените на

#left .block .navigation ul li, #right .block .navigation ul li {
	background: url("http://design.uniongoods.ru/block-main-nav-bg.jpg") no-repeat scroll 0 0 transparent;
	border-bottom: 1px solid #E2E2E2;
	border-top: 1px solid #FFFFFF;
	width: 223px;
}

Наверх

#11 face001

Пользователь

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

ГородСамара

Отправлено 19 Март 2013 - 20:36

Спасибо,всё получилось=)

Наверх

#12 frolstep

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

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

ГородМск

Отправлено 27 Март 2013 - 09:37

Здравствуйте!

Vaccina я тоже хочу попробовать как у face001 сделано меню.

Если Вас не затруднит подскажите как это осуществить.

Спасибо!

И такой нюанс, у меня несколько блоков каталогов, как я понимаю это можно сделать на один блок.

Наверх

#13 Vaccina

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

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

Отправлено 28 Март 2013 - 05:33

Можно делать на несколько блоков

Инструкций по таким вопросам на форуме у нас много. вот одна их них:
http://forum.storela...икального-меню/

Наверх

#14 Ольга

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

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

ГородМосква

Отправлено 15 Май 2014 - 16:54

Здравствуйте! Мне нужна ваша помощь. Хочу следующий вид сайта: блоки будто на фоне расположены и не зависят от белой вкладки. Образец www.podborauto.ru

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

Наверх

#15 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 15 Май 2014 - 17:07

Ольга (15 Май 2014 - 16:54) писал:

Здравствуйте! Мне нужна ваша помощь. Хочу следующий вид сайта: блоки будто на фоне расположены и не зависят от белой вкладки. Образец www.podborauto.ru

Здравствуйте, Вам нужно найти в main.css код

#cntrobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y; }

#topobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; width:1000px; height:11px; margin:10px 0 0 0; }

#content .headline .main { background:url({ASSETS_IMAGES_PATH}grad-grey.jpg) bottom center repeat-x; padding:10px 12px 13px 12px; border:1px solid #dadada; border-top:0;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }

#bottobj { background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) 0 -11px no-repeat; width:1000px; height:11px; margin:0 auto; }

заменяем на

#cntrobj { /*background:url({ASSETS_IMAGES_PATH}conteiner-bg-y.jpg) repeat-y;*/ }

#topobj {/* background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) no-repeat; */width:1000px; height:11px; margin:10px 0 0 0; }

#content .headline .main { background:white; padding:10px 12px 13px 12px; border:1px solid #dadada; border-top:0;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }

#bottobj {/* background:url({ASSETS_IMAGES_PATH}conteiner-bg.png) 0 -11px no-repeat;*/ width:1000px; height:11px; margin:0 auto; }

Наверх

#16 Ольга

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

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

ГородМосква

Отправлено 16 Май 2014 - 14:10

[Имя Цитата = метка 'Ирина345' = '1400162876 'пост = '138524']
Здравствуйте, Вам нужно найти в main.css код
[CODE] # cntrobj {фон: URL ({ASSETS_IMAGES_PATH} контейнерный-BG-y.jpg) повторите -у; } [/ CODE] [CODE] # topobj {фон: URL ({ASSETS_IMAGES_PATH} контейнерный-bg.png) нет-повторяю; ширина: 1000px; высота: 11px; Рентабельность: 10px 0 0 0; } [/ CODE] [CODE] # содержание заголовок главной {фон: URL ({ASSETS_IMAGES_PATH}.. град-grey.jpg) внизу в центре повторите-х; обивка: 10px 12px 13px 12px; границы: 1px твердых # Dadada; границы-топ: 0; -МОЗ границы радиуса: 8px; -WebKit-границы радиус: 8px; граница радиуса: 8px; } [/ CODE] [CODE] # bottobj {фон: URL ({ASSETS_IMAGES_PATH} контейнерный-bg.png) 0-11px не повторять; ширина: 1000px; высота: 11px; Маржа: 0 авто; } [/ CODE] заменяем на [CODE] # cntrobj {/ * фон: URL ({ASSETS_IMAGES_PATH} контейнерный-BG-y.jpg) повторить-у; * /} [/ CODE] [CODE] # topobj {/ * фон : URL ({ASSETS_IMAGES_PATH} контейнерный-bg.png) нет-повторяю; * / Ширина: 1000px; высота: 11px; Рентабельность: 10px 0 0 0; } [/ CODE] . [CODE] # содержание заголовок главной {фон: белый;. обивка: 10px 12px 13px 12px; границы: 1px твердых # Dadada; границы-топ: 0; -МОЗ границы радиуса: 8px; -WebKit-границы радиус: 8px; граница радиуса: 8px; } [/ CODE] [CODE] # bottobj {/ * фон: URL ({ASSETS_IMAGES_PATH} контейнерный-bg.png) 0-11px не повторять; * / ширина: 1000px; высота: 11px; Маржа: 0 авто; } [/ CODE] [/ цитата]

Здравствуйте!
1) Если код прописывать на русском языке, то получается ерунда: все не симметрично и очень узкие промежутки между блоками. Поэтому я сделала на латинице и все получилось.

2)http://www.podborauto.ru/ вот у них подложка белая, я так же хочу. (на фото 4). На главной странице сайта есть белая подложка, а при переходе на другие страницы эта подложка исчезает и остается фоновая картинка.

3) Расстояние http://turbine-jet.ru/ (на главной странице) картинки с nyvo.css между шапкой отличается от расстояния между блоками и шапкой. Надо картинку - слайды поднять. А вообще лучше так. Можно ли поменять местами картинку со слайдами и текстом в такой очередности: текст о компании блоком - слайды nyvo.css - снова текст блоком.

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

Наверх

#17 Ольга

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

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

ГородМосква

Отправлено 16 Май 2014 - 16:02

Еще подскажите. Я дописала границы радиуса: 8 PX, чтоб сделать закругленные радиусы в блоках. Но лишь нашла где это поменять: для блоков "каталог товаров" и "статьи сайта". Мне надо такие же радиусы прописать и для блоков "корзина" в левой части и "новости магазина", "вы смотрели".

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

Наверх

#18 Dars

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

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

Отправлено 16 Май 2014 - 16:13

Ольга (16 Май 2014 - 16:02) писал:

Еще подскажите. Я дописала границы радиуса: 8 PX, чтоб сделать закругленные радиусы в блоках. Но лишь нашла где это поменять: для блоков "каталог товаров" и "статьи сайта". Мне надо такие же радиусы прописать и для блоков "корзина" в левой части и "новости магазина", "вы смотрели".

В main.css за корзину отвечает код:

	#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.turbine-jet.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px;}

за новости магазина и "Вы смотрели":

	#left .block .bluelarge, #right .block .bluelarge { background:url(http://design.turbine-jet.ru/block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; }

Добавьте к этим строкам

border-radius:8px;

Наверх

#19 Dars

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

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

Отправлено 16 Май 2014 - 16:20

Ольга (16 Май 2014 - 14:10) писал:

Здравствуйте!
1) Если код прописывать на русском языке, то получается ерунда: все не симметрично и очень узкие промежутки между блоками. Поэтому я сделала на латинице и все получилось.

2)http://www.podborauto.ru/ вот у них подложка белая, я так же хочу. (на фото 4). На главной странице сайта есть белая подложка, а при переходе на другие страницы эта подложка исчезает и остается фоновая картинка.

3) Расстояние http://turbine-jet.ru/ (на главной странице) картинки с nyvo.css между шапкой отличается от расстояния между блоками и шапкой. Надо картинку - слайды поднять. А вообще лучше так. Можно ли поменять местами картинку со слайдами и текстом в такой очередности: текст о компании блоком - слайды nyvo.css - снова текст блоком.

2. В main.css добавьте строку:

.htmlDataBlock {background-color:white;}

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

Наверх

#20 Ольга

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

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

ГородМосква

Отправлено 16 Май 2014 - 17:07

По порядку.
1.Белый фон добавился почти на всех страницах, кроме "контактов" и "каталог товаров-подбор турбин" (на фото видно). там так же надо белую подложку.