html,
body {
	width: 100%;
	height: 100%
	}
body {
	margin: 0;
	padding: 0;

	font-size: 100%;
	line-height: 1.125em;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	background: #FFF url('/i/tir-bg.gif') no-repeat left top;
	color: #303030
	}

/* reset */
a,
a:link,
a:visited {
	text-decoration: underline;

	color: #0054A6
	}
a:hover {
	color: #1D81E3
	}

img {
	border: 0
	}

ul,
ol,
li,
dl,
dt, 
dd,
h1,
h2,
h3,
h4,
p,
table,
tr,
td {
	margin: 0;
	padding: 0
	}

ul li {
	list-style-type: none
	}

table {
	border-collapse: collapse
	}

th,
td {
	vertical-align: top
	}

ul,
ol,
td,
th,
p,
dd,
dt {
	font-size: 0.9em
	}

ul, ol, p {
	margin: 1em 0
	}
ul li ul,
ol li ol {
	margin: 0.5ex 0 1em 2em
	}

p.promo {
	font-size: 1.1em;
	line-height: 1.3em;

	margin-left: 1em
	}

h1, .h1 {
	font-size: 1em ! important;
	font-weight: bold ! important;
	
	margin: 2em 0 1ex 0
	}

h2 {
	font-size: 0.9em ! important;
	font-weight: bold ! important;
	
	margin: 1.5em 0 1ex 0
	}

h3 {
	font-size: 0.9em ! important;
	font-weight: bold ! important;
	
	margin: 1.5em 0 1ex 0
	}

div.right-column h1,
div.right-column .h1 {
	margin-top: 3ex ! important;
	}

div.right-column ul {
  margin: 1em 2em 1em 1em;
  }
div.right-column ul li {
  list-style-type: disc;
  list-style-position: inside;
  }

/* grid */
div#layout {
	max-width: 1200px;
	min-width: 1000px
	}

div#container {
	float: right;
	width: 937px;

	/*margin: 0 auto*/
	}

div#top-level-padding {
	/*padding: 39px 0 0 30px*/
	padding: 39px 20px 0 39px
	}

div.column-container {
	width: 100%;
	
	float: left;	
	clear: both
	}

div.left-column {
	width: 15em;

	float: left;

	margin-right: -15em
	}

div.left-column-padding {
	padding: 0 2em 4em 0
	}

div.right-column {
	width: 100%;
	float: right
	}

div.right-column-padding,
div.right-column-content-padding {
	padding: 0 0 4em 15.5em
	}

div.right-column-padding {
	padding-top: 0.5ex
	}

div.right-column-content-padding {
	padding-top: 2.45em
	}

/* top */
div#top {
	padding: 0 76px 0 0;
	}

#logo {
	display: block;

	width: 166px;
	height: 52px;

	float: right;

	margin: 0 0 32px 0
	}

/* menu */
ul#langs,
ul#menu {
	display: block;

	float: left;

	background-color: #F2F2F2;

	margin: 45px 0 0 0
	}

ul#langs li,
ul#langs li a {
	float: left;
	width: 25px
	}

ul#langs li,
ul#langs li a,
ul#menu li.primary,
ul#menu li.primary a.primary,
ul#menu li.sitemap span {
	display: block;

	height: 39px
	}
ul#menu li.primary,
ul#menu li.primary a.primary {
	width: 162px
	}

ul#menu li.primary {
	font-size: 100%;
	
	float: left;

	background: #8AA9C9 url('/i/menu/simple.jpg') no-repeat left top
	}

ul#menu li.active {
	background-image: url('/i/menu/active.jpg')
	}

ul#menu li a {
	color: #FFFFFE
	}
ul#menu li.active a:hover {
	color: #FFFFFE ! important
	}

ul#langs li a,
ul#langs li span,
ul#menu li.primary a.primary,
ul#menu li.sitemap span {
	width: auto; /* fucking IE */
	font-weight: bold;

	text-decoration: none;

	outline: none;
	
	line-height: 39px;
	padding-left: 16px
	}

ul#menu li.primary a.with-submenu {
	background-image: url('/i/menu/submenu-marker.gif');
	background-repeat: no-repeat;
	background-position: 129px center
	}
ul#menu li.active a.with-submenu {
	background-image: url('/i/menu/active-submenu-marker.gif') ! important
	}

ul#menu li.primary a.activator-highlighted {
	color: #FFFFFE ! important;
	background-image: url('/i/menu/submenu-marker-highlighted.gif') ! important
	}

ul#menu li.active a.activator-highlighted {
	background-image: url('/i/menu/active-submenu-marker-highlighted.gif') ! important
	}

ul#menu li.sitemap,
ul#menu li.sitemap a.primary,
ul#menu li.sitemap span {
	width: 113px ! important
	}

ul#menu li.sitemap {
	background: none
	}

ul#langs li.last, ul#menu li.last {
	background-image: url('/i/menu/sitemap-corner.gif') !important;
	background-position: right top !important;
	background-repeat: no-repeat !important;
	}

ul#langs li a,
ul#langs li span,
ul#menu li.sitemap a.primary,
ul#menu li.sitemap span {
	padding-left: 0;

	font-size: 0.70em;
	font-weight: normal;

	color: #334F8C;

	text-align: center;
	text-decoration: underline
	}

ul#menu li.sitemap span,
ul#langs li span {
	color: #000;

	text-decoration: none
	}

ul#menu li.primary a.primary:hover {
	color: #0054A7
	}

ul#menu li.before-sitemap {
	background-image: url('/i/menu/simple-before-sitemap.jpg')
	}

ul#menu li.primary div.submenu {
	padding: 1px 0 0 0;

	background-image: url('/i/menu/submenu-left-bottom.png');
	background-repeat: no-repeat;
	background-position: left bottom
	}

ul#menu li.primary div.submenu div.submenu-decor {
	padding-bottom: 8px;

	background-image: url('/i/menu/submenu-right-bottom.png');
	background-repeat: no-repeat;
	background-position: right bottom
	}

ul#menu li.primary div.submenu div.middle {	
	background-color: #7197BE
	}

ul#menu li.primary div.submenu div.middle div.middle-decor {
	position: relative;
	top: 8px;

	margin: 0 8px;
	
	padding: 0 0 8px;
	
	background-color: #7197BE
	}

ul#menu li.primary div.submenu ul,
ul#menu li.primary div.submenu ul li ul,
ul#menu li.primary div.submenu ul li {
	margin: 0;
	padding: 0
	}

ul#menu li.primary div.submenu ul {
	padding: 20px 10px 25px 8px;
	}
ul#menu li.primary div.submenu ul li {
	margin: 0 0 0.8ex;

	font-size: 115%;
	}

	/* submenu activator */
ul#menu li.primary a.with-submenu {
	position: relative;
	z-index: 10
	}
ul#menu li.primary a.primary span.submenu-activator {
	display: block;

	width: 43px;
	height: 39px;

	position: relative;
	top: -39px;
	left: 100px;

	z-index: 1000;

	cursor: default
	}

/* promo */
div#promo-inner,
div#promo {
	width: 100%;

	clear: both
	}
div#promo-inner {
	height: 170px;
	
	background: #85AD52 url('/i/promo/sample-content.jpg') no-repeat left top
	}

div#promo {
	height: 347px;

	background: #0054A5 url('/i/promo/sample.jpg') no-repeat left top
	}

div#promo ul {
	display: block;

	width: 62px;

	float: right;

	margin: 10px 0 0 0;
	padding: 0
	}

div#promo ul li {
	padding: 0 0 0 17px;
	margin: 20px 5px 0 0
	}

div#promo ul li.active {
	background: url('/i/promo/active-li-marker.png');
	background-position: left center;
	background-repeat: no-repeat
	}

div#promo ul li a {
	display: block;

	width: 40px;
	height: 25px;

	outline: none;

	background-position: center center;
	background-repeat: no-repeat;
	
/*	border: 1px solid #A3CFF9*/
	}

	/* icons */
div#promo ul li a {
/*	border: 0;*/
	background-image: url('/i/promo/icons/all2.gif')
	}

div#promo ul li.exp a {
	background-position: 0 0	
	}

div#promo ul li.park a {
/*	background: url('/i/promo/icons/sample-truck.gif') no-repeat center center*/
	background-position: 0 -125px
	}

div#promo ul li.punkt a {
	background-position: 0 -50px
	}

div#promo ul li.insurance a {
	background-position: 0 -75px
	}

div#promo ul li.team a {
	background-position: 0 -100px
	}

div#promo ul li a strong,
div#promo ul li p {
	display: none
	}

	/* promo js window */
div#promo-window {
	float: left;
	
	width: 338px;
	height: 222px;

	position: relative;
	left: 528px;
	top: 23px;	

	background-image: url('/i/promo/window-background.png');
	background-repeat: repeat;
	background-position: left top
	}

div#promo-window-padding {
	padding: 1.2em 2em 1.2em 1em
	}

div#promo a.previous-control,
div#promo a.next-control {
	display: block;
	width: 22px;
	height: 20px;

	cursor: pointer;

	float: left;

	position: relative;

	background-image: url('/i/promo/controls.gif');

	margin-right: -22px
	}

div#promo a.previous-control {
	left: 256px;

	background-position: 0 0
	}

div#promo a.previous-control-highlighted {
	background-position: -44px 0 ! important
	}

div#promo a.next-control {
	left: 280px;

	background-position: -66px 0
	}

div#promo a.next-control-highlighted {
	background-position: -22px 0 ! important
	}


/* left column content */
div.left-column div.truck {
	background-image: url('/i/front-of-truck-little.jpg');
	background-repeat: no-repeat;
	background-position: 22px top;

	margin-top: 2em;
	padding-top: 128px
	}
div.left-column div.truck p {
	padding: 0.8em 0 0 0;

	font-size: 0.8em;
	line-height: 1.1em;

	color: #6F6F6F;

	border-top: 2px solid #A3CFF9
	}

div.left-column h1 {
	margin-top: 37px;
	font-size: 200% ! important
	}

div.left-column ul.submenu {
	margin-bottom: 5em
	}

div.left-column ul.submenu li {
	font-size: 90%
	}

/* right column content */
dl.news dd,
dl.news dt {
	font-size: 0.8em
	}

dl.news dt {
	color: #8B8A8A
	}

dl.news dd {
	margin: 0 0 1em 0
	}

dl.news span.h3 {
	display: block;

	font-size: 1.07em;
	font-weight: normal
	}

div.sitemap ul li {
	float: left;
	margin-right: 1em
	}
div.sitemap ul li li {
	float: none
	}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: 0;
}
table td,
table th {
  padding: 1ex;
  border: 1px solid #000;
  }
.goods{
	color: #777;
	}
	.goods th{
		padding: 1em;
		color: #333;
		border: none;
		border-bottom: 2px solid #919191;
		}
	.goods td{
		padding: 1em;
		border: none;
		border-bottom: 1px solid #e0e0e0;
		}
	.goods .last td{
		border-bottom: 1px solid #929292;
		}
	.goods .title{
		font-weight: bold;
		}
	.goods .photo{
		text-align: center;
		}
		.goods .photo a{
			position: relative;
			display: inline-block;
			font-size: 0;
			line-height: 0;
			}
			.goods .photo img{
				border: 3px solid #e0e0e0;
				}
			.goods .photo span{
				position: absolute;
				bottom: 5px;
				left: 4px;
				width: 16px;
				height: 15px;
				background: url('/i/ico/zoom.png') no-repeat;
				}
	.goods .description{
		font-style: italic;
		}

/* bottom */
p#copyright,
p#designed-by-infolio {
	font-size: 0.75em
	}

p#copyright {
	color: #000
	}

p#designed-by-infolio {
	height: 40px;

	padding: 2px 1em 0 58px;

	line-height: 1.2em;

	background-image: url('/i/designed-by-infolio.gif');
	background-repeat: no-repeat;
	background-position: left top;

	color: #8B8A8A
	}

/* common */
.hidden {
	display: none
	}
.nobr {
	white-space: nowrap
	}