/* ----------------------------------------------------------------------------
    Stylesheet's Colors:

    1. #e4e4e4  light grey
    2. #b7b7bd  middle grey
    3. #484c52  dark grey
    4. #cc0000  red
    5. #336699  red links
    6. #6699cc  blue links
    7. #990000  dark red
    ---------------------------------------------------------------------------- */

body
	{
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #484c52;
	background: #fff;
	margin: 0;
	padding: 0;
	}

#primaryContent
	{
	width: 920px;
	border-top: 2px solid #CC0000;
	padding: 0;
	margin: 0 auto;
	}

p
	{
    line-height: 1.4em;
	padding: 0;
	margin: 0 0 10px 0;
	}

.small 
	{
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding: 0;
	margin: 0 0 5px 0;
	}

a 
	{
	color: #336699;
	text-decoration: none;
	}

a:hover 
	{
	color: #990000;
	text-decoration: underline;
	}

/* 1-st level titles */
h1	
	{
	font: normal 18pt Verdana, Arial, Helvetica, sans-serif;
	color: #990000; 
	margin: 0 0 15px 0;
	padding: 0;
	}

/* 2-nd level titles */
h2	
	{
	font: normal 14pt 'trebuchet ms', Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	}

/* FrontPage subtitles (red_underline) */
h2.front_page
	{
	font: normal 14pt Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #CC0000;
	padding: 0 0 3px 0;
	margin: 0;
	}
	
/* 3-rd level titles */
h3
	{
	font: bold 12pt 'trebuchet ms', Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0; 
	}	


/* ----------------------------------------------------------------------------
    PAGE TOP
    ---------------------------------------------------------------------------- */
#page_top1_left
	{
	width: 115px;
	height: 50px;
	background: url(../images/honda_logo.gif) no-repeat center left;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#page_top1_right
	{
	width: 800px;
	height: 50px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
	}

    #page_top1_right p  
	{ font-size: 8pt; padding: 0; margin: 10px 0 5px 0; }

    #page_top1_right a
	{ color: #484c52; text-decoration: none; }

    #page_top1_right a:hover
	{ color: #484c52; text-decoration: none; padding: 0 0 3px 0; border-bottom: 2px solid #CC0000; }

#page_top2_left
	{
	width: 360px;
	height: 40px;
	background: url(../images/top_menu_01.gif) no-repeat center left;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#page_top2_right
	{
	width: 560px;
	height: 40px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
	}
	#page_top2_right p { padding: 0; margin: 0; }

#page_top3
	{
	width: 920px;
	height: 150px;
	background: url(../images/top_menu_02.gif) no-repeat center left;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#page_top3_frontpage
	{
	width: 920px;
	height: 96px;
	background: url(../images/top_menu_02_fpage.gif) no-repeat center left;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#page_top4_left
	{
	width: 620px;
	height: 54px;
	background: url(../images/top_menu_03_fpage.gif) no-repeat center left;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#page_top4_right
	{
	width: 280px;
	height: 44px;
	float: right;
	text-align: left;
	padding: 8px 0 0 0;
	margin: 0;
	}

/* ----------------------------------------------------------------------------
    PAGE CONTENT
    ---------------------------------------------------------------------------- */
#frontpage_left
	{
	width: 620px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#frontpage_right
	{
	width: 280px;
	float: right;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#page_left
	{
	width: 660px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

    #page_left ul { padding: 0; margin: 2px 0 10px 20px; }
    #page_left li { list-style: none; background: url(../images/marker_li.gif) no-repeat top left; padding: 0 0 0 15px; margin: 0 0 2px 0; }
    #page_left li.none_marker { list-style: none; background: none; margin: 0; }

#page_right
	{
	width: 240px;
	float: right;
	clear: right;
	text-align: right;
	padding: 0;
	}

/* ----------------------------------------------------------------------------
    PAGE FOOTER
    ---------------------------------------------------------------------------- */
#page_footer
	{
	clear: both;
	float: bottom; 
	width: 920px;
	height: 120px;
	background: #fff url(../images/footer_bg.jpg) no-repeat center left;
	padding: 0;
	}

    .page_footer_left 
		{
		width: 300px;
		float: left;
		display: inline;
		text-align: left;
		margin: 30px 0 0 20px;
		}
    
	.page_footer_left p 
		{
		font-size: 8pt;
		line-height: 1.4em;
		margin: 0;
		}
		
    .page_footer_right 
		{ 
		width: 120px;
		float: left;
		text-align: left;
		margin: 32px 0 0 0;
		}

/* ----------------------------------------------------------------------------
   Top Banners
   ---------------------------------------------------------------------------- */
#banners { margin-bottom: 15px; }
	
/* ----------------------------------------------------------------------------
   Content's Images
   ---------------------------------------------------------------------------- */
.imgcenter 	{ text-align: center; padding: 0; margin: 20px auto; }
.imgright 	{ float: right; padding: 0; margin: 5px 0 0 20px; text-align: center; }
.imgleft 	{ float: left; padding: 0; margin: 5px 20px 0 0; text-align: center; }

.imgcenter img , .imgright img, .imgleft img {
	text-align: center;
	padding: 0;
	margin: 0;
	}
.imgcenter p, .imgright p, .imgleft p {
	font-size: 8pt;
	text-align: center;
	padding-top: 10px;
	}	

/* ----------------------------------------------------------------------------
   Personnel Page Images
   ---------------------------------------------------------------------------- */
#imagegallery_lite {
	width: 660px;
	padding: 0;
	margin: 10px auto;
	}
	
.imagegallery_lite_Image {
	float: left;
	width: 300px;
	height: 290px;
	text-align: center;
	background: url(../images/fancy_white_inp_bg.gif) no-repeat bottom left;
	margin: 0 28px 20px 0;
	}

.imagegallery_lite_Image img {
	margin: 10px;
	}
.imagegallery_lite_Image p {	
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	}

/* ----------------------------------------------------------------------------
   Content Block: 'Select Model Car'
   ---------------------------------------------------------------------------- */
table.block_select_modelcar {
	width: 620px;
	height: 331px;
	background-color: #e4e4e4;
	border: 1px solid #b7b7bd;
	padding: 0;
	margin: 0 0 15px 0;
	}

	.select_modelcar {
		width: 172px; 
		text-align: left;
		vertical-align: top;
		margin: 0px auto;
		}
		
	.select_modelcar ul, .nav li {
		list-style: none;
		font-size: 11px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
	
	.select_modelcar a { 
		display:block;
		border-bottom: 1px solid #b7b7bd;
		text-decoration: none;
		color: #484c52;
		background: #e4e4e4;
		padding: 6px 0 6px 16px;
		}
	.select_modelcar a:hover {
		color: #484c52;
		background: #eeeeee;
		border-bottom: 1px solid #C7C7C7;
		text-decoration: none;
		}
	* html .select_modelcar a { height:1%; } /* Internet Explorer Sucks :-) */
	
/* ----------------------------------------------------------------------------
    
   N E W S   T E M P L A T E S

   ---------------------------------------------------------------------------- */
	
/* ----------------------------------------------------------------------------
   NewsSummary_GeneralFrontpage - Анонсы новостей на главной странице
   ---------------------------------------------------------------------------- */
#news_summary_general_frontpage {
	width: 280px;
	padding: 0;
	margin: 0;
	}

    .news_summary_general_frontpage_Head {
		border: 1px solid #b7b7bd;
		background: #e4e4e4;
		padding: 10px 10px 8px 10px;
		margin: 0 0 10px 0;
		}

    .news_summary_general_frontpage_Head p {
		font-size: 8pt;
		font-weight: bold;
		margin: 0 0 2px 0;
		}
    .news_summary_general_frontpage_Head a {
		color: #CC0000;
		background: inherit;
		text-decoration: none;
		}
    .news_summary_general_frontpage_Head a:hover {
		color: #AA0001;
		background: inherit;
		text-decoration: underline;
		}

	.news_summary_general_frontpage_Content {
		font-size: 8pt;
		padding: 0;
		margin: 0 0 5px 0;
		}
	.news_summary_general_frontpage_Content img {
		margin: 0 0 5px 0;
		}	
	.news_summary_general_frontpage_Content  p {
		font-size: 8pt; 
		margin: 0 0 5px 0;
		}

	.news_summary_general_frontpage_Morelink {
		margin: 0 0 15px 0;
		}
	.news_summary_general_frontpage_Morelink  a {
		font-size: 8pt;
		font-weight: bold;
		background: #fff url(../images/marker_morelink.gif) no-repeat center left;
		padding: 0 0 0 15px;
		}

	.news_summary_general_frontpage_Archiveslink {
		width: 100%;
		font-weight: bold;
		background: url(../images/h-dotted.gif) repeat-x top left;
		padding: 5px 0 0 0;
		}

/* ----------------------------------------------------------------------------
   NewsSummary_OffersFrontpage - Анонсы спецпредложений на главной странице
   ---------------------------------------------------------------------------- */
#news_summary_offers_frontpage { width: 620px; padding: 0; margin: 10px 0 0 0; }

	.news_summary_offers_frontpage_Title {
		font: bold 12pt Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
		color: #990000;
		margin: 0 0 5px 0; 
		}	
	.news_summary_offers_frontpage_Title a { color: #990000; }
		
	.news_summary_offers_frontpage_Date {
		font-size: 8pt;
		font-weight: bold;
		margin: 0;
		}

	.news_summary_offers_frontpage_Content img {
		margin: 0 0 5px 0;
		}
	.news_summary_offers_frontpage_Content p {
		font-size: 8pt; 
		margin: 0 0 5px 0;
		}
		
	.news_summary_offers_frontpage_Morelink
		{
		clear: both;
		width: 100%;
		font-size: 8pt;
		font-weight: bold;
		background: url(../images/h-dotted.gif) repeat-x bottom left;
		padding: 0 0 5px 0; 
		margin: 0 0 15px 0;	
		}

/* ----------------------------------------------------------------------------
   NewsSummary - Список новостей на страницах 'Новости', 'Спецпредложения'
   ---------------------------------------------------------------------------- */
#news_summary {
	float: left;
	padding: 0;
	margin: 0;
	}

	.news_summary_One {
		clear: both;
		float: left;
		width: 100%;
		background: url(../images/h-dotted.gif) repeat-x bottom left;
		padding-bottom: 15px;
		margin-bottom: 15px;
		}
	
	.news_summary_Title {
		font: bold 12pt Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
		margin-bottom: 10px; 
		}	

	.news_summary_Date {
		font-weight: bold;
		font-size: 8pt;
		margin: 0;
		}

	.news_summary_Content {
		text-align: justify;
		padding: 0;
		margin-bottom: 5px;
		}	
	.news_summary_Content img {
		float: left;
		margin: 0 20px 5px 0;
		}

	.news_summary_Morelink {
		padding: 0;
		margin-bottom: 5px;
		}

	.news_summary_Pages {
		font-size: 8pt;
		font-weight: bold;
		margin-bottom: 10px; 
		padding: 0;
		}

/* ----------------------------------------------------------------------------
   NewsDetail - Страница просмотра полного текста одной новости
   ---------------------------------------------------------------------------- */
#news_detail { padding: 0; }

	.news_detail_Title /* h1 copy */
		{
		font-size: 26px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #990000; 
		margin: 0 0 10px 0;
		padding: 0;
		}

	.news_detail_Date
		{
		font-weight: bold;
		margin: 0;
		}

	.news_detail_Content 
		{
		text-align: justify; 
		padding: 0;
		margin: 0 0 10px 0;
		}

	.news_detail_Content p { margin: 0 0 10px 0; }
	.news_detail_Content img  { margin: 10px 0; }

	.news_detail_Backlink {
		padding: 0;
		margin: 10px 0;
		}
	.news_detail_Backlink  a {
		background: #fff url(../images/news_back.gif) no-repeat center left;
		padding: 0 0 0 25px;
		}

/*  ----------------------------------------------------------------------------
    
	S I D E   B L O C K S
    
    ---------------------------------------------------------------------------- */
/*  ----------------------------------------------------------------------------
    PAGE RIGHT MENU
    ---------------------------------------------------------------------------- */
#sideblock_right_menu {
	width: 220px;
	background-color: #eeeeee;
	border: 1px solid #b7b7bd;
	float: right;
	text-align: left;
	padding: 0 0 8px 0;
	margin: 0 0 20px 0;
	} 

    .sideblock_right_menu_SectionTitle {
		color: #990000;
		font-size: 10pt;
		font-weight: bold;
		background: none;
		margin: 12px 0 12px 20px;
		}

    .sideblock_right_menu_MenuItem {
		text-align: left;
		border-top: 1px solid #cccccc;
		padding: 0;
		margin: 0 0 0 20px;
		}

    .sideblock_right_menu_MenuItem p {
		font-size: 8pt;
		font-weight: bold;
		background: url(../images/marker_rightmenu.gif) no-repeat center left;
		padding: 0 0 0 15px;
		margin: 8px 0 8px 0;
		}

/* ----------------------------------------------------------------------------
   POLL
   ---------------------------------------------------------------------------- */

#sideblock_poll {
	float: right;
	width: 220px;
	text-align: center;
	vertical-align: top;
	background-color: #eeeeee;
	border: 1px solid #b7b7bd;
	padding: 0;
	margin: 0;
	}

#sideblock_poll  form { padding: 0; margin: 0; }

	.poll_name
		{
		font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
		color: #990000;
		margin-top: 10px;	
		}
	
	table.polloptions, table.pollresults
		{
		width: 180px;
		font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
		text-align: left; 
		margin: 10px auto;
		}

	td.pollinput
		{
		text-align: left;
		padding-right: 10px;
		}
	
	td.polllabel
		{
		width: 100%;
		text-align: left;
		padding: 4px 0;
		}

	td.resultlabel, td.resultvotes
		{
		text-align: left;
		padding: 4px 0;
		border-bottom: 1px solid #cccccc;
		}
	
	.totalvotestext
		{
		font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 0 20px 15px 20px;
		}
	
	#vote, #peek, #returntovote
		{
		font: normal 8pt Tahoma, Arial, Helvetica, sans-serif; 
		width: 80px;
		height: 22px;
		border: 1px solid #b7b7bd;
		margin-bottom: 10px;
		}

/* ----------------------------------------------------------------------------
   Form: Feedback
   ---------------------------------------------------------------------------- */
.feedbackform {
	font: 8pt Tahoma, Arial, Helvetica, sans-serif;
	padding: 0; margin: 0;
	}
	
.feedbackform fieldset {
	background-color: #eeeeee;
	border: 1px solid #b7b7bd;
	padding: 10px 20px 20px 20px;
	margin-bottom: 10px;
	}
	
.feedbackform fieldset legend {
	font-weight: bold;
	}

.feedbackform div {
	width: 100%;
	padding: 3px 0;
	}

.feedbackform div label {
	font-size: 8pt;
	font-weight: bold;
	display: block;
	margin: 5px 0;
	}

.feedbackform div.required {
	color: #f00;
	}

.feedbackform input {
	font: normal 10pt Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	padding: 2px 4px;
	width: 260px;
	vertical-align: top;
	margin: 0;
	}
	
.feedbackform textarea	{
	font: normal 10pt Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	padding: 2px 4px;
	vertical-align: top;
	margin: 0;
	}

.feedbackform input:hover, textarea:hover {
	border: 1px solid #999999;
	color: #000000;
	}

.feedbackform  div.submit input {
	width: 120px;
	height: 26px;
	font: bold 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: 1px solid #b7b7bd;
	padding: 0;
	margin: 0;
	}

.error_message {
	font: normal 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #fd9999;
	background: #fedada url(../images/error.gif) no-repeat 10px 5px;
	width: 300px;
	height: 1%; /*IE6*/
	margin: 0 0 15px 0;
	padding: 10px 10px 0px 35px;
	}

   /* ----------------------------------------------------------------------------
    Module: ImageGallery
    ---------------------------------------------------------------------------- */
	#imagegallery
		{
		float: left;
		text-align: center;
		margin: 10px 0;
		}

	/* Image Gallery - Small Thumbnail Images */
	.thumb 
		{
		margin: 0 20px 10px 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: center;
		}
	
	/* Set link formatting*/
	.thumb img, .thumb a img, .thumb a:link img
		{
		width: 160px; /* Image width*/
		height: 120px; /* Image height*/
		display: inline;
		padding: 10px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
		}
	
	/*Background of photo on hover - sort of a light grey */
	.thumb a:visited img { background-color: #eee; } 
	
	/*Background of photo on hover - sort of light blue/green */
	.thumb a:hover img { background-color: #dae6e4; }

	.thumbPicCaption 
		{
		text-align: center;
		font-size: 8pt;
		margin: 0 1px 0 0;
		padding: 0;
		width: 180px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
		}
		
   /* ----------------------------------------------------------------------------
    Module: honda_testdrive_form
    ---------------------------------------------------------------------------- */
	form#signupForm {
		background-color: #eeeeee;
		border: 1px solid #b7b7bd;
		padding: 20px 20px;
		margin-bottom: 10px;
		width: 640px;
		height: 1%; /*IE6*/
	}	

	form#signupForm table.questionTable {padding: 0px; margin: 0px;}
	form#signupForm table.questionTable tr td {vertical-align: top; padding: 0px; margin: 0px;}
	form#signupForm table.questionTable tr td.name { 
		font: 8pt Tahoma, Arial, Helvetica, sans-serif;
		padding: 16px 10px 0 0; text-align: left; vertical-align: top; }  
	
	form#signupForm table.questionTable tr td input, 
	form#signupForm table.questionTable tr td textarea, 
	form#signupForm table.questionTable tr td select {   
		vertical-align: top;
		width: 380px;
		font: normal 10pt Tahoma, Arial, Helvetica, sans-serif;
		border: 1px solid #cccccc;
		padding: 2px 4px;
		margin: 0;
	}         
	form#signupForm table.questionTable tr td input:hover, 
	form#signupForm table.questionTable tr td textarea:hover, 
	form#signupForm table.questionTable tr td select:hover {
		border: 1px solid #999999;
		color: #000;
	}
	/*
	form#signupForm table.questionTable tr td input#fio { width: 300px;}
	form#signupForm table.questionTable tr td input#email { width: 200px;}
	form#signupForm table.questionTable tr td input#phone { width: 200px;}
	form#signupForm table.questionTable tr td input#cphone { width: 200px;}
	form#signupForm table.questionTable tr td input#captcha-form { width: 100px;}
	form#signupForm table.questionTable tr td input[type='text'] { width: 300px;}
	*/   
	form#signupForm table.questionTable tr td span.rules {font-style: italic; font-size: 10px; color:#555;}	
	form#signupForm table.questionTable tr td span.errors {width:100%;font-size:10px;color:red;display:block;height:12px;}
	form#signupForm p#formErrors { color: red;font-size: 10px; line-height: 10px; display:none;}
	form#signupForm p#formNotices { font-size: 10px; line-height: 10px;}    
	form#signupForm p#formResults { font-size: 11px; font-weight: bold; text-align: center; margin-top: 10px; color: red;}
	form#signupForm span.required { font-weight: bold; color: red; }
	form#signupForm table.questionTable tr td.nameButton { padding-top: 10px; text-align: right; vertical-align: top;}
	form#signupForm table.questionTable  div.submit a {
		font-size: 12px;
		font-weight: bold;
		margin-top: 10px;
	}