/* Таблица стилей для внутренних страниц сайта carplaza-region.ru

********************************************************************************
Содержание:

   0 Сброс настроек (reset.css)
   
   1 Общий внешний вид
      0.1 Оформление текста
	  
   1 Заголовок и иконки навигационного меню
      1.1 Заголовок
	  1.2 Иконки навигационного меню
	  
   2 Разметка страницы
      2.1 Главное меню
	  2.2 Вспомогательный блок (под меню)
	  
   3 Основная страница
      3.1 Каталог (главное меню)
      3.2 Вспомогательное (правое) меню
	     3.2.1 Корзина
      3.3 Основной раздел
	     3.3.1 Оформление текста
		 
   4 Внутренние страницы
      4.1 Текстовые страницы
      4.2 Список фабрик
	  4.3 Просмотр каталога
      4.4 Страница просмотра двери
	  
   5 Футер
   
   6 Впомогательные классы
   
*******************************************************************************/


@charset "windows-1251";

html, body, div, span,
h1, h2, h3, h4, h5, h6, big, small, strong, sub, sup, ins, del,
a, b, u, i, p, img, q,
dl, dt, dd, ol, ul, li, menu,
form, label, legend, fieldset,
table, tr, th, td 
{background:transparent; border:0; outline:0; margin:0; padding:0;}

html	{width:100%;height:100%; margin:0;}
body	{position:relative; height:100%; margin:0;padding:0; line-height:1.6; color:#000; font-family:arial,helvetica; font-size:80%;}





   /* 0.1 Оформление текста
   ---------------------------------------------------------------------------*/
	acronym			{border-bottom: 1px #600 dashed; cursor: help;}
	
	h1,h2,h3,h4		{position:relative; left:0; font-weight:400 ;color:#6e0000; margin-bottom:.3em;}
	h1			{font-size:220%; padding-left:8px; left:-10px; font-style:italic; margin:0 0 .3em;}
        h1.main                 {font-style:normal; padding-left:0; left:0; float:left; top:14px;}
	h2			{font-size:170%;}
	h3			{font-size:150%; margin-bottom:0.8em;}
	h4			{font-size:120%;font-style:italic; font-weight:bold; color:#000;}
	#page h1,
	#page h2,
	#page h3,
	#page h4		{line-height:1.2;}
	#content h1		{padding:.05em 0 .5em 0;}
	
	a:link			{color:#0000dc;}
	a:visited		{color:#dc0099;}
	a:focus,
	a:hover			{color:#dc0000;}
	a:active		{color:#000;}
	
	#module-wrapper a:link			{color:#0000dc;}
	#module-wrapper a:focus,
	#module-wrapper a:hover			{color:#dc0000;}
	#module-wrapper a:active		{color:#900;}
	
	h3 a:visited	{color:#dc0000;}
	h3 a:hover		{color:#900;}
	
	p				{line-height:1.5em; margin:0 0 1em; font-size:110%; color:#333;}
	
	a, a img		{outline:0;border:0;}
	
	ul,menu			{list-style-type:none;}
	ul,ol,menu		{margin:0; padding:0;}
	
	table			{width:100%; border-collapse:collapse; text-align:left;}
	table tr		{vertical-align:top;}
	.clickable		{cursor:pointer;//cursor:hand;}	
	

	
/* 1 Верстка макета. Основные блоки.
------------------------------------------------------------------------------*/

	#measurer				{position:absolute; left:0; top:-1em; width:100%; height:1em; line-height:1em; visibility:hidden;}
	#reducer				{position:relative; width:100%; clear:both; min-height: 100%; min-width: 950px; margin:0 auto; z-index:1;
							 width:expression(document.body.clientWidth > 950? "auto": "950px" );}
	#wrapper				{position:relative; z-index:1; padding:0 0 0px; width:100%; border-bottom:2px solid red;}
	#page					{position:relative; padding-top:30px;}
	
	#footer-overlay			{position:absolute; width:100%; height:70px; bottom:10px;}
	#footer					{line-height:1.4;  z-index:2;}

	/* Выносные блоки */
	
	.layout							{width:60%; margin:0 auto; //left:20%;
									}
	.layout-left,
	.layout-right					{position:relative; left:-33.33%; float:left; width:33%; margin-right:-100%;}
	.layout-right					{left:100%;}
	.layout-left .content			{padding:0 50px 1em 0;}
	.layout-right .content			{padding:0 0 1em 50px;}
	
	#news_wrapper					{width:34%; margin-left:66%; margin-bottom:400px; //width:100%; //margin-bottom:0;}
	#honda							{position:relative; float:left; left:-200%; width:200%; margin:5px -200% 4em 0; background: url(../images/honda.jpg) 8px 80% no-repeat;}
	#news							{position:relative; float:left; left:100%; width:50%; margin-right:-50%!important;}
	#news h2						{margin-bottom:1em;}
        #news .rounded                                          {height:320px; padding:24px 16px;}
        #news ul                                                {overflow:hidden; height:260px;}
        
        #news .arrow                    {position: absolute; width:100%; height: 16px; left: 0; text-align: center; cursor:pointer;//cursor:hand;}
        #news .up                       {top:4px;}
        #news .down                     {bottom:8px;}
	
	
	#page .layout-left				{padding-top:25px;}
	#page .layout-right				{padding-top:0;}

	#footer .layout-left .content	{padding-left:25px; margin-top:-30px;}
	#footer .layout-right .content	{margin-top:-30px;}
	#footer .layout-center .content	{padding:0;}
	#header .content				{padding-top:25px;}


/* 1 Шапка сайта
------------------------------------------------------------------------------*/

   /* 1.1 Оформление ссылок
   ---------------------------------------------------------------------------*/
    .gray						{background:url(../images/left_gradient.png) repeat-y;}
   	.left_measurer				{width:20%; position:relative; left:0%;}
	.right_measurer				{width:100%; position:relative; left:400%; margin:0 -100% 0 0; background:url(../images/right_gradient.png) 9px 0 repeat-y;}
	.content_measurer			{width:300%; position:relative; left:-300%; margin:0 -300% 0 0;}
	
	
	#header td					{padding-bottom:1em;}
	
	#header menu,
	#footer menu,
	#header ul,
	#footer ul					{font-weight:normal;}
	#header menu,
	#footer menu				{line-height:24px; font-size:125%;}
	#header ul,
	#footer ul					{line-height:24px; font-size:90%; margin-top:1px;}
	#header li.current strong,
	#footer li.current strong	{color:#dc0000;}

	#header a,
	#footer a,
	#navleft a					{color:#000;}
	#header a:hover,
	#footer a:hover,
	#navleft a.plate			{color:#dc0000;}
	
	#advirt						{width:100%;}
	#advirt big					{color:#dc0000; font-weight:bold; }
	.rounded					{padding:10px 16px; margin:-10px 33px 0 -16px; background:#ccc url(../images/bg.png); position:relative; //width:100%;
								 -moz-border-radius: 8px; -webkit-border-radius: 8px;-khtml-border-radius: 8px; border-radius:8px;
								 border:2px solid #999;}
	#advirt p					{line-height:18px;}
	
	
	
   /* 1.2 Логотип и телефон
   ---------------------------------------------------------------------------*/
   	#logo .content			{padding-right:50px;}
	#logo a					{display:block; width:100%; margin:25px auto 0 20px; max-width:190px;
							 width:expression(document.body.clientWidth < 190? "100%": "190px" );}
	#logo img				{width:100%; height:auto;}

	#phone .content			{padding:17px 0 0 50px;}
	#phone img				{padding-bottom:3px;}
	#phone big				{font-size:150%; margin-left:-8px;}
	#phone small			{color:#777;}


   /* 1.3 Красная полоса (место под вспомогательную навигация)
   ---------------------------------------------------------------------------*/

	#navtop					{clear:both; width:100%; height:30px; background:url(../images/navtop_line.png) repeat-x;}
	#navtop i				{display:block; width:20%; height:100%; float:left; background:url(../images/stripe.png) no-repeat 100% 0;}





/* 2 Правая и левая колонки
------------------------------------------------------------------------------*/

   /* 2.1 Левая колонка
   ---------------------------------------------------------------------------*/
   
	#navleft menu			{margin:0 0 0 25px;}
	
	#navleft a.plate		{margin:0 0 20px; display:block; width:90%; max-width:159px; background-color:#ccc;
							 width:expression(document.body.clientWidth < 160? "90%": "159px" );}
	#navleft a.plate:hover,	
	#navleft a.current		{background-color:#dc0000;}
	
   /* 2.2 Правая колонка
   ---------------------------------------------------------------------------*/
   
	#cart					{}
	#cart h2				{left:0;}
	#cart ol				{list-style:none; margin-left:10px;}
	#cart ol li				{margin:20px 0 0; padding-left:20px; position:relative;}
	#cart_string_tpl		{display:none;}
		
	#cart .drop				{float:left; position:absolute; left:0; top:0;//left:-20px;}
	#cart .drop img			{margin-top:0;}
	
	#send					{display:block; width:134px; height:26px; position:relative; margin:2em 0;}
	#send i					{position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/send_button.png); background-repeat:no-repeat;}
	#send:link i			{background-position:0 0;}
	#send:hover i			{background-position:0 -26px;}
	#send:active i			{background-position:0 -52px;}	
	
	#banner_wrapper			{width:90%; height:300px; margin:30px auto 0 0;}
	
	

/* 3 Основной блок
------------------------------------------------------------------------------*/

   /* 2.1 Термометр
   ---------------------------------------------------------------------------*/
   
	#thermometer			{line-height:1.4em;font-size:89%;position:absolute;margin-top:-1.5em; color:#333;}
	#thermometer a			{color:#777;}
	.separator				{color:#aaa;}

   /* 2.2 Главная
   ---------------------------------------------------------------------------*/
   .logo					{position:relative; left:-40px; float:left; margin-right:-100%; display:block;}
   .bestsellers				{}
   .bestsellers td			{padding-top:1em;}
   .bestsellers ul			{margin-top:1em;}
   .bestsellers .logo		{float:none;}
   
	
   /* 2.2 Каталог
   ---------------------------------------------------------------------------*/

   /* Спец. папки */
	#special				{margin:-0.5em 33px 2em -1em; padding:0.5em 1em; background:#eee; text-align:justify;}
	#special li				{display:inline-block; white-space:nowrap;//display:inline;}
	#special li.under		{display:inline-block; width:100%; line-height:1px;//display:inline;}
	#special li a,
        #news a                         {font-size:110%; text-decoration:none; font-style:oblique; color:#700; border-bottom:1px solid #700;}
	#special li a:hover,
        #news a:hover                   {color:#dc0000; border-bottom:1px solid #dc0000;}
	#special .current		{font-style:italic; color:#900;}

   /* Списки */
	.folders				{}
	.folders li				{height:34px; font-size:110%;}
		
	.itemList				{margin:0 33px 2em 0; list-style:none;}
	.itemList .list_item	{line-height:33px; border-top:1px solid #ddd; color:#777; overflow:hidden;}
	.itemList .list_item span	{float:left}
	.itemList dt			{line-height:1.2; font-size:170%; margin:.5em 0; color:#900;}


   /* Кнопка помещения в корзину */
	.buy_it					{float:right; display:block; width:27px; height:26px; position:relative; margin:4px 30px 0 0; text-indent:-9999em; overflow:hidden;}
	.buy_it i				{position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/cart.png); background-repeat:no-repeat;//cursor:hand;}
	.buy_it:link i			{background-position:0 0;}
	.buy_it:hover i			{background-position:0 -26px;}
	.buy_it:active i		{background-position:0 -52px;}
	
	.right					{float:right;margin-right:20px;}

	.textblock				{margin:2em 33px 0 -1em; padding:.5em 1em;}

	/* 2.3 Отправка заявки
	------------------------------------------------------------------------------*/
	#orderList				{width:60%; margin:3em 0 5em 30px;}
	#orderList thead		{font-style:oblique;}
	#orderList thead
	tr:first-child			{border-bottom:1px solid #777; height:3em;}
	#orderList thead tr		{height:2em;}
	#orderList .row_1		{background:#f9f9f9;}
	#orderList .row_0		{background:#fff;}
	#orderList small		{line-height:2em; color:#777;}
	.number					{font-size:120%;}
	
	#orderData				{width:60%; margin:3em 0 5em 30px;}
	#orderData dt			{margin-bottom:0.5em;}
	#orderData textarea		{margin-bottom:1em;}
	
	#orderData .error		{color: red; font-size: 85%; font-style: italic; font-weight: 700; margin: -0.5em 0px 0.5em 1em;}
	#orderData small		{color:#777;}



	/* 2.4 Двигатели
	------------------------------------------------------------------------------*/

	#enginesList			{position:relative; padding:10px 0 0 33px; margin:-30px 33px 30px -33px; overflow:hidden;
							 border:2px solid #ccc; border-top:none; background:#eee; //width:100%;}
	#factoriesList			{margin-right:-33px;}
	#factoriesList .active	{font-weight:bold; border:none; cursor:auto; color:#900;}
	#factoriesList small	{color:#999;}
	
	#enginesHead			{height:3em; color:#666; text-align:right; margin:0 30px 0 0;}
	#enginesHead span		{line-height:3em;}
	#enginesHead .pseudo	{color:#333; border-bottom:1px dotted #666;}
	#enginesHead .pseudo:hover{color:#900; border-bottom-color:#900;}
	
	
	.thumb					{width:150px; height:115px; position:relative; overflow:hidden; margin:0 2em 2em 0; float:left;}
	.thumb img				{margin:0 auto; display:block}
	.thumb a.lightbox img	{position:absolute; top:0; left:0; z-index:1;}
        
        
        .thumbnails             {margin-top: 2em;}



/* 3 Вспомогательные классы
------------------------------------------------------------------------------*/
.list_item .right	{visibility:hidden;}
.smaller			{font-size:85%;}
.smallest			{font-size:70%}

.clickable			{cursor:pointer;//cursor:hand;}
.hidden				{display:none;}
.turnedOff			{visibility:hidden;}
.clear				{clear:both; font-size:0; overflow:hidden;}
.pseudo				{text-decoration:none; border-bottom:1px dashed #666; color:#666; cursor:pointer; //cursor:hand;}
.pseudo:hover		{color:#900; border-bottom-color:#900;}
.loading			{position:absolute; top:0; bottom:0; left:0; right:0; 
					 background: url(../images/transparent.png),url(../images/loading.gif); 
					 background-repeat:repeat,no-repeat;
					 background-position:0 0, 50% 50%;}
#ie6upgrade			{margin:1em auto; border-bottom:1em solid #00dc00; border-top:1em solid #00dc00;}