@charset "windows-1251";
img.png_trans {behavior: url('/main/pngtrans.htc');}
img { border: 0px; }

html,body{ 
	margin: 0px 0px; 
	padding: 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: black;
	height: 100%;
}
body#firstBody{
	background-image: url(/img/bodyBg.gif);
	background-repeat: repeat-x;
	background-color: #dcdace;
}
body#secondBody{
	background-image: url(/img/secondBodyBg.gif);
	background-repeat: repeat-x;
	background-color: #dcdace;
	height: 100%;
}
body#shortBody{
	background-image: url(/img/shortBodyBg.gif);
	background-repeat: repeat-x;
	background-color: #dcdace;
}
a{
	color: #0e305e;
	text-decoration: underline;
}
/* -------------- header ------------------------------ */
#hondaTitle{
	position: absolute;
	left: 746px;
	top: 0px;
	border: none;
	z-index: 20;
}

#topMenuf{
	z-index: 20;
	position: absolute;
	left: 0px;
	top: 13px;
	//width: 570px;
	width: 621px;
	height: 87px;
	//padding-left: 145px;
	padding-left: 194px;
	background-image: url(/img/menuBgfirst.gif);
	background-repeat: no-repeat;
}
#topMenu{
	z-index: 20;
	position: absolute;
	left: 0px;
	top: 13px;
//	width: 555px;
	width: 621px;
	height: 87px;
	padding-left: 194px;
	background-image: url(/img/menuBg.gif);
	background-repeat: no-repeat;
}
#logoLink{
	border: none; 
	z-index: 30; 
	left: 0px; 
	top: 27px;
	position: absolute;
	width: 193px;
	height: 73px;
}
/* -------------------- footer -------------------------- */
#footer {
	margin-left: 330px;
	border-left: 1px solid #75704b;
	color: #6e6d67;
	font-family: Tahoma;
	font-size: 10px;
	z-index: 20;
	padding: 5px 10px 35px 10px;
	width: 300px;
}
div.mycls a {
font-size: 3px;
color:#DFDDD3;
}
div.mycls {
font-size: 3px;
color:#DFDDD3;
}
#footer a{
	color: #6e6d67;
	text-decoration: none;	
}
/* ---------------------- forms ------------------------- */
input.inputTxt, textarea{
	font-family: Tahoma;
	font-size: 12px;
	padding: 2px 0px; 
	border: 1px solid #746f4c;
	margin: 3px 0px;
}
/* ------------------- first ---------------------------- */
#mainContactForm input.inputTxt, #mainContactForm textarea{
	width: 212px;
}
div.leftMark{
	width: 7px;
	height: 35px;
	background-color: #dbd9cd;
	position: absolute;
	left: 1px;
	z-index: 20;
}
#mainAuto{
	position: absolute;
	width: 384px;
	height: 483px;
	left: 309px;
	top: 430px;
	z-index: 15px;
	/*background-image: url(/img/autoBg.gif);*/
	background-repeat: no-repeat;
}

#auto a {
        color: #C31F26;
	text-decoration: underline;
} 

#mainNews{
	position: absolute;
	width: 384px;
	height: 483px;
	left: 309px;
	top: 580px;
	z-index: 15px;
	background-image: url(/img/newsBg1.gif);
	background-repeat: no-repeat;
} 


/* -------------- headers and paragrpahs --------------- */
h1, .style1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: normal; 
	color: #595e64;
}
.subHeader{
	color: white;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
}
.darkHeader{
	color: /*#75704b*/#FFF;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
}
.whiteText{
	color: white;
	font-family: Tahoma;
	font-size: 11px;
}
.whiteText a{
	color: white;
}

form{
	padding: 0px;
	margin: 0px;
}
/* ------------------- left menu ------------------ */
#leftMenu{
	z-index: 20;
	position: absolute;
	width: 260px;
	top: 440px;
	padding-left: 45px;
	border-left: 7px solid #77724e;
	padding-top: 9px;
}
body#shortBody #leftMenu{
	top: 160px;
}
#leftMenu div.item, #leftMenu div.activeItem{
	padding-left: 14px;
	background-image: url(/img/leftMenuArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #353631;
	margin-bottom: 10px;
}
#leftMenu div.activeItem{
	color: #c31f26;
}
#leftMenu a{
	text-decoration: none;
	cursor: pointer;
}
#modelButtons{
	z-index: 20;
	position: absolute;
	width: 260px;
	top: 680px;
	padding-left: 66px;
}
#modelButtons div{
	margin-bottom: 20px;
}
/* ------------------- configurator --------------- */
#cfgTable{
	width: 100%;
	border: none;
	border-collapse: collapse;
}
#cfgTable td{
	padding: 5px 2px 5px 0px;
	border-bottom: 1px solid #aaa89c;
}
#cfgTable td p{
	padding: 0px;
	margin: 0px;
}
#cfgTable tr.head td{
	border-bottom: 1px solid #38352c;
	font-weight: bold;
}
#cfgTable tr.headSpacer{
	height: 6px;
}
#cfgTable tr.foot td{
	padding-top: 15px;
	border-bottom: none;
}
div.cfgButton{
	padding-top: 50px;
}
#cfg{
	font-family: Tahoma;
	font-size: 11px;
}
/* ------------------- content -------------------- */
#content{
	margin-left: 330px;
	margin-top: 395px;
	width: 612px;
	background-image: url(/img/contentBg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 50px;
	padding-right: 36px;
	font-family: Tahoma;
	font-size: 12px;
	color: #353631;
	min-height: 200px;
}
body#shortBody #content{
	margin-top: 126px;
}
#content a{
	color: #c31f26;
	text-decoration: underline; 
}
#content ul{
	list-style-image:url(/img/dot.gif)
}
#modelHeader{
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
	color: #353631;
	padding-bottom: 17px;
}
#pageHeader{
	font-family: Tahoma;
	font-size: 21px;
	color: #353631;
}
div.rightImage{
	text-align: right;
	width: 100%;
}
#photoTable{
	border-top: 1px solid #a9a89d;
	margin-top: 10px;
}
#photoTable td{
}
div.photoHLine{
	height: 1px;
	margin: 10px 0px;
	background-color: #a9a89d;
	width: 100%;
}
#modelPhoto{
	position: absolute;
	z-index: 15;
	left: 0px;
	top: 76px;
	width: 700px;
	height: 267px;
	border: none;
}
#mycls a{
	color: #6e6d67;
	text-decoration: none;
        font-size: 9px;	
}
#modelSelector{
	position: absolute;
	left: 714px;
	top: 125px;
	z-index: 20;
	background-image: url(/img/modelSelectorBg.gif);
	background-repeat: no-repeat;
	width: 243px;
	height: 46px;
	padding: 8px 10px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #353631;
}
#modelSelector select{
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #4a4b44;
	margin-top: 4px;
	width: 212px;
	border: 1px solid #b7b59d;
}
#modelInfo{
	position: absolute;
	left: 714px;
	top: 189px;
	width: 263px;
}
img.galleryImage{
	width: 150px;
	margin-right: 0px;
	margin-bottom: 2px;
}	
/* --------------------- news ---------------------- */
div.newsHeader{
	background-image: url(/img/newsHeaderBg.gif);
	background-repeat: repeat-x;
	background-position: 0px 7px;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #77724e;
	margin-top: 10px;
	text-decoration: none;
	padding-bottom: 10px;
	cursor: pointer;
}
div.newsHeader span{
	background-color: #dbd9cd;
	padding-right: 10px;
}
div.newsItem{
	width: 100%; 
}
span.newsImage{
	float: left;
	left: 0px;
	border: 1px solid #76714c;
	margin-bottom: 10px;
	margin-right: 10px;
}
img.newsImage{
	float: left;
	border: none;
	border: 1px solid white;
}
div.newsName{
	color: #c31f26;
	text-decoration: underline;
}
a.news{
	text-decoration: none;
}
div.newsAnounce{
	cursor: pointer;
	min-height: 60px;
	color: #262823;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
}
#content a.newsLink{
	color: #262823;
	text-decoration: none;
	cursor: pointer;
}
div.newsDate{
	color: #817c5a;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #a8a79d;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/* --------------------- actions ---------------------- */
div.actHeader{
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #77724e;
	margin-top: 10px;
	text-decoration: none;
	padding-bottom: 10px;
	cursor: pointer;
}
div.actHeader span{
	background-color: #dbd9cd;
	padding-right: 10px;
}
div.actItem{
	width: 100%; 
}
span.actImage{
	float: left;
	left: 0px;
	border: 1px solid #76714c;
	margin-bottom: 10px;
	margin-right: 10px;
}
img.actImage{
	float: left;
	border: none;
	border: 1px solid white;
}
div.actName{
	color: #c31f26;
	text-decoration: underline;
}

div.actAnounce{
	cursor: pointer;
	min-height: 60px;
	color: #262823;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
}
a.newsLink{
	color: 262823;
	text-decoration: none;
	cursor: pointer;
}
div.actDate{
	color: #817c5a;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #a8a79d;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}



/* ---------------- model banners ------------------*/
.modelBanner{
	background-image: url(/img/modelBannerBg.gif);
	background-repeat: no-repeat;
	width: 263px;
	height: 95px;
	margin-bottom: 2px;
	font-family: Tahoma;
	font-size: 11px;
	color: #8c8d88;
}
.modelBanner a{
	text-decoration: none;
	cursor: pointer;
	color: #8c8d88;
}
.modelBanner p{
	padding: 0px;
	margin: 0px;
}
.scribble{
	border: none;
	position: absolute;
	width: 160px;
	height: 27px;
	z-index: 30;
	left: 50px;
}
.modelBanner img{
	position: relative;
	border: none;
	left: 12px;
	top: 25px;
	float: left;
}
.modelBanner div.info{
	width: 130px;
	float: right;
}
.modelBanner div.name{
	color: #c31f26;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 12px;
	padding-top: 18px;
	padding-bottom: 8px;
}
/* ------------------- form ------------------------ */
table.form{
	width: 372px;
}
table.form td{
	font-size: 11px;
	color: #353631;
}
#formDiv{
	border-top: 1px solid #a7a69b;
	width: 372px;
	margin-top: 10px;
	padding-top: 10px;	
}
table.form input.inputTxt, table.form textarea{
	margin-bottom: 15px;
	background-color: #edece6;
}

.tdotzyv a {
	color: #ffffff;

}