html * {margin: 0; padding: 0;}
img {border: 0; vertical-align: middle;}
p {padding-bottom: 1em;}
input, select {vertical-align: middle;}

body {
	font: normal 13px/1.25em Arial,Tahoma,Verdana,Arial,sans-serif;
	color: #333333;
	background-color: #fff;
}

a:link, a:hover, a:visited, a:active {
	color: #3e3e40;
	font-size: 1em;
	text-decoration: underline;
}

a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma,Verdana,Arial,sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #3e3e40;
}

h1 {font-size: 1.25em;padding-bottom: .2em;}
h2 {font-size: 1.25em;padding-bottom: .2em;}
h3 {font-size: 1.1em; padding: 1em 0 .1em; }

/* h2 a {color:#004b8f;} */

#main {
	position: relative;
	z-index: 1;
	width: auto !important;
	min-width: 950px;
}

#header {
	background: #f1f1f1 url(/st-img/header.gif) no-repeat left top;
	border-bottom: 1px solid #c4c4c4;
	height: 141px;
}

#header h1, #header h3, #header .generator,
#header .icons, #header .search, #header .menu {
	position: absolute;
	z-index: 2;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
	padding: 0;
}
#header h1 {
	font-size:18px;
	color:#004b97;	
	width: 290px;
	height: 46px;
	left: 0; top: 63px;	
	padding-left: 60px;
}
#header h3 {
	font-size: 4.35em;
	color:#d2d2d2;
	height: 91px;
	width:412px;
	left: 0; top: 0;
	padding-right: 76px;
}
#header h3 em {font-style: normal;color:#004b97;}
#header h3 a {
	text-decoration: none;
} 
#header .generator {width: 290px;left: 485px;}
#header .search {
	right: 38px;top:0;
	padding-top:45px;
	text-align: left;
	width:146px;height: 101px;
	background: url(/st-img/header.corner.gif) no-repeat right top;
}
#header .search li {display: block;}
#header .search li.input {background: url(/st-img/search.background.gif) no-repeat left bottom;width:115px;height: 25px;}
#header .search li.input .text {background: none;width:102px;height: 15px;margin:5px;font-size:11px;border: none;line-height: 1.2em;}
#header .search li.btn {width:103px;height: 34px;background: url(/st-img/search.button.right.gif) no-repeat right top;}

#header .icons {
	background-color: #fff;
	width: 38px;
	right: 0; top: 0;
	height: 141px; 
}
#header .icons ul {padding-top: 66px;list-style: none;width:11px;margin:0 auto;}
#header .icons ul a {
	display: block;
	width:11px;height: 25px;
	overflow: hidden;
	text-align: left;
	text-indent: -100em;
	font-size:.3em;
	background-color: #fff;
	background-image: url(/st-img/icons.small.gif);
	background-repeat: no-repeat;
}
#header .icons ul .homepage a {background-position: 0 0;}
#header .icons ul .sitemap a {background-position: 0 -25px;}
#header .icons ul .contacts a {background-position: 0 -50px;}
#header .icons ul .homepage a:hover, #header .icons ul .homepage a.active {background-position: -13px 0;}
#header .icons ul .sitemap a:hover, #header .icons ul .sitemap a.active {background-position: -13px -25px;}
#header .icons ul .contacts a:hover, #header .icons ul .contacts a.active {background-position: -13px -50px;}

#header .menu {left: 7px; top: 117px;}
#header .menu li {list-style: none;display: inline;padding: 0 2px;}

form fieldset {border: 0;}
form fieldset legend {font-size:1.1em; padding-bottom: 4px;letter-spacing: normal;}
	
.clear {
	font-size: 1px;
	line-height: 0%;
	clear: both;
	display: block;
	float: none;
	height: 0%;
	overflow: hidden;
}


#content h3.icon {
	background-image: url(/st-img/icons.big.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 28px;
	padding: 10px 0 5px 42px;
	font-size: 1.1em;
	position: relative;
}
#content h3.icon.news {background-position: 0 0;}
#content h3.icon.events {background-position: 0 -54px;}
#content h3.icon.bag {background-position: 0 -108px;}
#content h3.icon.menu {background-position: 0 -162px;}
#content h3.icon.contact {background-position: 0 -216px;}


#footer {
	text-align: center;
}

#counters {text-align: center;}
#counters img {margin: .5em 5px 1em;}


#content {width:100%;padding: 10px 0 0 0;}
#content div.column {float:left;position: relative;}
#content div.content {width:100%;z-index: 1;}
#content div.text {margin-right: 250px;margin-left: 250px;}
#leftside {
	width: 211px;
	margin-left: -100%;
	left:0;
	z-index: 3;
	line-height: 1.4em;
}
#rightside {
	width: 200px;
	margin-left: -205px;
	z-index: 2;	
}

#leftside .block {padding-right: 17px;padding-left: 9px;}
#leftside .block h3.icon {margin-left: -5px;}
#leftside .block ul {border-bottom: 1px dashed #c4c4c4;padding-bottom: 5px;margin-bottom: 5px;}
#leftside .block li {list-style: none;padding-left: 5px;}
#leftside .block li.title {padding-left: 25px;}
#leftside .block li.title a {color:#004b8f;}
#leftside .block li img {border: 1px dashed #c4c4c4;margin: 5px -5px;}

#leftside .menu .catalog_menu h3 {
	padding: 0 0 0 10px;
}

#leftside .menu {padding-bottom: 1.5em;}
#leftside .menu h3.icon {padding-bottom: 0;}
#leftside .menu ul {padding-right: 27px;font-size:1em;list-style: none;}
#leftside .menu ul ul {padding-right: 0;}
#leftside .menu li span {
	cursor: pointer;
	display: block;
	border-bottom:1px dashed #c4c4c4;
	padding: 3px 0 3px 14px;
/*	text-decoration: underline;*/
	color: #004b8f;
	background: url(/st-img/arrows.gif) no-repeat 155px 10px;
}
#leftside .menu li span.active {background-position: 155px -16px;}
#leftside .menu li .z {display: none;}
#leftside .menu ul ul li {padding-left: 30px;line-height: 1.5em;}

#leftside .menu ul ul li a 		{text-decoration: none;}
#leftside .menu ul ul li a:hover {text-decoration: underline;}

#rightside .news {
	font-size: 85%;
}

#rightside .news, #rightside .news p {padding-bottom: .5em;}
#rightside .news .date {color: #999;}
#rightside .icon {
	padding: 1px 0 1px 15px;
	background-color: #fff;
	background-image: url(/st-img/icons.small.gif);
	background-repeat: no-repeat;
}
#rightside .icon.news {background-position: 0 -72px}

div.text h2.delimiter {
	font-weight: bold;
	font-size: 24px;
	font-family: "Times New Roman";
	background: url(/st-img/delimiter.sprite.png) 0 0 no-repeat;
	line-height: 32px;
	padding: 0 0 0 40px;
	margin: 0 0 10px 0;
}
div.text h2.delimiter a {text-decoration: underline;}
div.text h2.delimiter a:hover {text-decoration: underline;color: #9f4800;}
div.text h2.help-to-select {	background-position: 0 0;}
div.text h2.need-to-know {	background-position: 0 -32px;}
div.text h2.service {	background-position: 0 -64px;}
div.text h2.diesel-electrostation {	background-position: 0 -96px;}

div.text ul, div.text ol {
	margin: 3px 0 3px 20px;
	list-style: circle outside;
}

#content .paging  {text-align: center;padding: 8px 0 22px;border-bottom: 1px dashed #c4c4c4;}
#content .paging li {list-style: none; display: inline; margin: 0 3px;border:1px solid #e6e6e6;padding: 2px 6px;}

#content .product {border-bottom: 1px dashed #c4c4c4;padding-bottom: 10px;margin-bottom: 16px;clear:both;}
#content .product .title {font-size: 1.1em;}
#content .product img.list {border: 1px dashed #c4c4c4;float:left;margin-right: 17px;}
#content .product h2 {padding:0;padding-bottom: 10px;}
#content .product h2 a {color: #004b8f;font-weight: bold;text-decoration: none;}
#content .product h2 a:hover {text-decoration: underline;}

table#params {
		margin: 0 0 5px 0;
		border-collapse:collapse;
		background:#eff4fb;
		border: 1px solid #686868;
/*		border-width:1px 1px 1px 1px;*/
		/*border-right:1px solid #686868;*/
		font:1em/125% 'Trebuchet MS',helvetica,arial,verdana;
		color: #333;
}
table#params td, table#params th {padding:5px;text-align: left;}

.caption {
		/*padding: 0 0 .5em 0;*/
		text-align: left;
		font-size: 1.2em;
		font-weight: bold;
		/*text-transform: uppercase;*/
		color: #333;
		background: transparent;
}

table#params a 			{	color: #111; text-decoration:underline; }
table#params a:link		{	color: #111; text-decoration:underline;}
table#params a:visited	{	color: #111; text-decoration:underline;}
table#params a:hover		{	color: black; text-decoration:none;}
table#params a:active	{	color: black; text-decoration:none;}

table#params thead th, table#params thead td {
		background:#ffe1ff;
		color:#222222;
}
table#params th, table#params td {	border-bottom: dotted 1px #333;}
table#params th 			{	white-space: nowrap;}
table#params thead tr:hover, table#params tbody tr:hover	{	background:#deeefe;}


td.box {
	width: 33%;
	border: 1px solid #cdccff;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
td.box:hover {
	border: 1px solid #a9a8ff;
	background: #fff0f4;
}
td.box div.box-title {
	font-size: 100%;
}
td.box div.box-preview {
	font-size: 85%;
}