﻿/*
+	применить резет  
+	убрать марджин паддинг
+  сделать паттерн растягивания (Stretched)
выравнивание по вертикали, понять к чему можно применить и вынести в отдельные классы
+ классы шрифтов (по ситуации связывать с цветом)
+ классы размеров
+ класс прозрачности
*/

/* Yahoo reset */

html{color:#000;background:#FFF;}
/*,ul,ol,li*/ body,div,dl,dt,dd ,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* Yahoo reset */


/***************************************************************/
/****************          Common Blok       *******************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    	#ctl00_ASPxMenu1_DXI1_T
    	{
        	background-image: url(images/menu1stlevelmarked.png) !important;
    	}
	.Stretched
	{
		width:100%;	
		margin-left:0;
		margin-right:0;
	}
	.HorizontallyBlockAlignCenter
	{
		margin-left:auto;
		margin-right:auto;
	}
	.HorizontallyBlockAlignLeft
	{
		margin-left:0;
		margin-right:auto;
	}
	.HorizontallyBlockAlignRight
	{
		margin-left:auto;
		margin-right:0;
	}
	.VertycallyBlockAlignTop
	{
		margin-top:0;
		margin-bottom:auto;	
	}
	.VertycallyBlockAlignBottom
	{
		margin-top:auto;
		margin-bottom:0;	
	}
	.TextAlignCenter
	{
		text-align:center;		
	}
	.TextAlignLeft
	{
		text-align:left;
	}
	.TextAlignRight
	{
		text-align:right;	
	}
	.VerticallyContentAlignTop
	{
		vertical-align:top;
	}
	.VerticallyContentAlignBottom
	{
		vertical-align: bottom;
	}
	/* </Font Family> */
		.Verdana
		{
			font-family:Verdana;	
		}
		.Tahoma
		{
			font-family:Tahoma;	
		}
		.Arial
		{
			font-family:Arial;	
		}
	/* </Font Family> */
	
	/* <Font Size> */
		.FontSize8pt
		{
			font-size: 8pt;	
		}
		
		.FontSize9pt
		{
			font-size: 9pt;	
		}
		
		.FontSize10pt
		{
			font-size:10pt;
		}
		
		.FontSize11pt
		{
			font-size:11pt;
		}
		
		.FontSize12pt
		{
			font-size:12pt;
		}
		
		.FontSize13pt
		{
			font-size:13pt;
		}
		
		.FontSize14pt
		{
			font-size:14pt;	
		}
		
		.FontSize15pt
		{
			font-size:15pt;	
		}
		
		.FontSize16pt
		{
			font-size:16pt;
		}
	/* </Font Size> */
	
	/* <Font Color> */
		.FontWhite
		{
			color: White;		
		}
	/* </Font Color> */
	
	/* < Font Weight> */
	.FontBold
	{
		font-weight:bolder;
	}
	/* </ Font Weight> */
	
	
	/* <Background Color> */
	.BackgroundTransparent
	{
		background-color:Transparent;		
	}
	/* </Background Color> */
	
	/* <  Text Align > */
	.TextAlignLeft
	{
		text-align: left;	
	}
	.TextAlignRight
	{
		text-align:	right;	
	}
	.TextAlignCenter
	{
		text-align: center;	
	}	
	/* </ Text Align > */	
/*-------------------------------------------------------------*/


.FckTitle
{
	color:#737373;
	font-family:Tahoma;
	font-size:14pt;
}

.FckLink
{
	color:#426C92;
	font-family:Tahoma;
	font-size: 10pt;
	font-weight:bold;
	text-decoration: underline;
}

.FckText
{
	color: #626364;
	font-family:Tahoma;
	font-size:10pt;
}



/***************************************************************/
/****************          Borders           *******************/
.Bordered,
.BorderedColor
{}

.Bordered .BorderTopLeft
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_top_left.png);
	background-repeat:no-repeat;
}

.Bordered .BorderTop
{
	height:5px;
	background-image: url(images/border_top.png); 	 
	background-repeat: repeat-x;	
}
/* 
Для ячеки BorderTopRight положить внутрь 
<div style="width:100%; height:5px;">&nbsp;</div>
для растягивания ее по ширине внешнего контейнера. 
*/
.Bordered .BorderTopRight
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_top_right.png);	
	background-repeat:no-repeat;
}

.Bordered .BorderLeft
{
	width: 5px; 
	/*height: 100%; */
	background-repeat: repeat-y; 
	background-image: url(images/border_left.png);	
}

.Bordered .BorderRight
{
	width: 5px; 
	/*height: 100%; */
	background-repeat: repeat-y; 
	background-image: url(images/border_right.png);	
}

.Bordered .BorderBottomLeft
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_bottom_left.png);	
	background-repeat:no-repeat;
}

.Bordered .BorderBottom
{
	background-image: url(images/border_bottom.png); 
	background-repeat: repeat-x;	
}

.Bordered .BorderBottomRight
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_bottom_right.png);
	background-repeat:no-repeat;
}

.BorderedColor .BorderTopLeft
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_top_left_colored.png);	
	background-repeat:no-repeat;
}

.BorderedColor .BorderTop
{
	height:5px;
	background-image: url(images/border_top.png); 	 
	background-repeat: repeat-x;
	background-color:#686871;
}

.BorderedColor .BorderTopRight
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_top_right_colored.png);	
	background-repeat:no-repeat;
}

.BorderedColor .BorderLeft
{
	width: 5px; 
	height: 100%; 
	background-repeat: repeat-y; 
	background-image: url(images/border_left.png);	
	background-color:#686871;	
}

.BorderedColor .BorderRight
{
	width: 5px; 
	height: 100%; 
	background-repeat: repeat-y; 
	background-image: url(images/border_right.png);	
	background-color:#686871;
}

.BorderedColor .BorderBottomLeft
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_bottom_left_colored.png);	
	background-repeat:no-repeat;
}

.BorderedColor .BorderBottom
{
	background-image: url(images/border_bottom.png); 
	background-repeat: repeat-x;	
	background-color:#686871;
}

.BorderedColor .BorderBottomRight
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_bottom_right_colored.png);
	background-repeat:no-repeat;
}

.BorderedColorPager .BorderTopLeft
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_top_left_colored_pager.png);	
	background-repeat:no-repeat;
}

.BorderedColorPager .BorderTop
{
	height:5px;
	background-image: url(images/border_top.png); 	 
	background-repeat: repeat-x;
	background-color:#acafc3;
}

.BorderedColorPager .BorderTopRight
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_top_right_colored_pager.png);	
	background-repeat:no-repeat;
}

.BorderedColorPager .BorderLeft
{
	width: 5px; 
	height: 100%; 
	background-repeat: repeat-y; 
	background-image: url(images/border_left.png);	
	background-color:#acafc3;	
}

.BorderedColorPager .BorderRight
{
	width: 5px; 
	height: 100%; 
	background-repeat: repeat-y; 
	background-image: url(images/border_right.png);	
	background-color:#acafc3;
}

.BorderedColorPager .BorderBottomLeft
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_bottom_left_colored_pager.png);	
	background-repeat:no-repeat;
}

.BorderedColorPager .BorderBottom
{
	background-color:#acafc3;
	background-image: url(images/border_bottom.png); 
	background-repeat: repeat-x;	
	
}

.BorderedColorPager .BorderBottomRight
{
	width: 5px; 
	height: 5px; 
	background-image: url(images/border_bottom_right_colored_pager.png);
	background-repeat:no-repeat;
}

/*-------------------------------------------------------------*/

.Body, 
.SiteBobyTable,
.SiteBobyTable .Header,
.SiteBobyTable .Header .ImageLine,
.SiteBobyTable .Header .BottomSpace,
.SiteBobyTable .Footer,
.SiteBobyTable .Footer .BannerSpace,
.SiteBobyTable .ContentBody,
.SiteBobyTable .Content .ContentHolder
{}

.Cars
{
	position:absolute;
	top: 80px;
	left:100px;
	background-image:url(images/cars.png);
	background-repeat:no-repeat;
	width: 616px;
	height: 194px;
}

.SiteBobyTable .Footer .EmptyLine
{
	height: 12px;
	background-image:url(images/footer_repeater_image.jpg);	
	background-repeat:repeat-x;
}

.SiteBobyTable .Footer .Image
{
	height: 60px;
	width: 317px;
	background-image:url(images/footer_left_image.jpg);	
	background-repeat:no-repeat;
	background-position:left top;
}

.SiteBobyTable .Footer .Image .SmartSL
{	
	width:208px;
	padding-top: 25px;
	padding-left: 42px;	
}

.SiteBobyTable .Footer .Image .SmartSL .LinkToSmartSL
{
	color:#6A7CFF;	
}

.SiteBobyTable .Footer .FreeSpace
{
	background-image:url(images/footer_free_space_repeater.jpg);
	background-position:left;
	background-repeat:repeat-x;	
}

.SiteBobyTable .Footer .Hudson
{
	width: 180px;	
}

.SiteBobyTable .Footer .Hudson .Text
{
	color: #8C94A6;
}

.SiteBobyTable .Header .ImageLine .LeftImages_Flags
{
	width: 261px;
	height: 243px;
	background-image:url(images/header_flags_image.jpg);
	background-repeat:no-repeat;
	background-position:left;	
}

.SiteBobyTable .Header .ImageLine .LeftImages_Flags .ButtonsPanel
{
	padding-top:16px;
	padding-left:27px;	
}

.SiteBobyTable .Header .ImageLine .LeftImages_Flags .ButtonsPanel .HomeButton
{
	width:38px;
}

.SiteBobyTable .Header .ImageLine .LeftImages_Flags .ButtonsPanel .MailButton
{
	width:40px;
}

.GradBackground
{
	height: 243px;
	background-image:url(images/header_grad_repeater.jpg);
	background-repeat:repeat-x;
	background-position:left;	
}

.SiteBobyTable .Header .ImageLine .RightImage
{
	width: 638px;
	height: 243px;
	background-image:url(images/header_right_image.jpg);
	background-position:right top;	
}

.SiteBobyTable .Header .ImageLine .RightImage .SearchPanel
{
	width:638px;
	height: 26px;	
	position:absolute;
	top:12px;	
}

.SiteBobyTable .Header .ImageLine .RightImage .SearchPanel .LeftImage
{
	background-image: url(images/search_text_box_left_image.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	width:5px;
}

.SiteBobyTable .Header .ImageLine .RightImage .SearchPanel .TextBox 
{	
	background-image: url(images/search_text_box_background.jpg);
	background-repeat:repeat-x;
	width: 130px;
}

.SiteBobyTable .Header .ImageLine .RightImage .SearchPanel .TextBox .Input
{
	margin-top: 3px;
	border-style: none;	
	width: 130px;	
	height: 15px;
}

.SiteBobyTable .Header .ImageLine .RightImage .SearchPanel .RightImage
{
	background-image: url(images/search_text_box_right_image.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	width:5px;
}

.SiteBobyTable .Header .ImageLine .RightImage .SearchPanel .SearchButton
{
	padding-left:11px;
	padding-top: 2px;		
}

.SiteBobyTable .Header .BottomLeftImage
{
	width:	217px;
	height: 63px;
	background-image: url(images/header_left_bottom_images.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.SiteBobyTable .Header .BottomSpace .RepeatLine 
{
	background-image:url(images/header_line_repeater1.jpg);
	background-repeat:repeat-x;
	height: 20px;
}

.SiteBobyTable .Header .BottomSpace .Text_legal
{
	font-weight:500;
	color: #0D1320;		
	padding-bottom: 26px;
	padding-right:26px;
}

.SiteBobyTable .Header .FreeLine
{
	height:27px;	
}

.SiteBobyTable .Content 
{
	background-image:url(images/content_bacground.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;	
	height:333px;	
	min-height:333px;
}

.SiteBobyTable .Content .MenuHolder
{
	width:225px;
	height:460px;
}

.ModuleCaption,
.ItemContent_Common .ContentText
{
	color: #626364;		
}

.ItemContent_Common a,
.ItemContent_Common .SimpleTitle 
/*например - "информация об авто, в позиции прайса"*/
{
	color: #4758d4;			
}

.UnderlinedColoredLink,
.UnderlinedColoredLink a
/*например "подробнее" в HotOffer*/
{
	color: #19247c;
	text-decoration: underline;		
}


