
* {
 margin: 0;
 padding: 0;
}

html, body {
 width: 100%;
 height: 100%;
}

body {
 font-family: Tahoma;
 font-size: 11px;
 color: #313131;
 background: #eaece8;
}

td {
 text-align: left;
 vertical-align: top;
}

p { padding: 15px 0; }

img, fieldset { border: 0; }

input { vertical-align: middle; }

h1 {
 font-family: "Myriad Pro";
 font-size: 24px;
 font-weight: bold;
 color: #363631;
 border-bottom: 2px solid #f18600;
 margin-bottom: 7px;
}

h2 {
 font-family: "Myriad Pro";
 font-size: 15px;
 font-weight: bold;
 color: #363631;
 border-bottom: 2px solid #f18600;
 margin-bottom: 7px;
}

h3 {
 font-size: 12px;
 font-weight: bold;
 color: #595959;
}

a {
 font-size: 11px;
 color: #b30022;
 text-decoration: none;
}

a:visited {
 font-size: 11px;
 color: #b30022;
 text-decoration: none;
}

a:hover {
 font-size: 11px;
 color: #b30022;
 text-decoration: underline;
}

/*--------*/

#wrapper {
 width: 996px;
 margin: 0 auto;
 position: relative;
}

#header {
 background: url(/resources/images/header.jpg);
 width: 996px;
 height: 273px;
}

a#logo, a#logo:visited, a#logo:hover {
 width: 146px;
 height: 140px;
 display: block;
 position: absolute;
 top: 0;
 left: 39px;
}

#menu {
 height: 53px;
 background: #353530;
 padding: 0 20px;
 border-bottom: 1px solid #dfe2dc;
}

#menu li {
 list-style: none;
 float: left;
}

#menu li a, #menu li a:visited {
 display: block;
 float: left;
 background: url(/resources/images/m1.gif) no-repeat top right;
 height: 53px;
 line-height: 51px;
 padding: 0 25px;
 font-size: 12px;
 color: #FFFFFF;
}

#menu li a:hover {
 display: block;
 float: left;
 background: url(/resources/images/m2.gif) no-repeat top right;
 height: 53px;
 line-height: 51px;
 padding: 0 25px;
 font-size: 12px;
 color: #FFFFFF;
 text-decoration: none;
}

a.no-border, a.no-border:visited { background: url(/resources/images/m3.gif) no-repeat top right !important; }

a.no-border:hover { background: url(/resources/images/m4.gif) no-repeat top right !important; }

#left-content {
 width: 729px;
 float: left;
 padding-bottom: 35px;
}
 #left-content, x:-moz-any-link {
padding-bottom: 0px;
}

#brands {
 background: #FFFFFF;
 padding: 15px 35px;
}

#brands img { margin: 0 15px; }

.jcb {
 width: 63px;
 height: 53px;
}

.volvo {
 width: 46px;
 height: 53px;
}

.bobcat {
 width: 99px;
 height: 53px;
}

.hitachi {
 width: 103px;
 height: 53px;
}

.kamaz {
 width: 41px;
 height: 53px;
}

.case {
 width: 95px;
 height: 53px;
}

#inner {
 width: 640px;
 float: left;
 padding: 35px 30px 35px 35px;
}

#title {
 font-family: "Myriad Pro";
 font-size: 15px;
 font-weight: bold;
 color: #363631;
 border-bottom: 2px solid #f18600;
 margin-bottom: 10px;
}

.item-type1 {
 width: 200px;
 float: left;
 padding: 25px 10px 10px 0;
 border-bottom: 2px solid #d6d6d6;
 text-align: center;
}

.item-type2 {
 width: 295px;
 float: left;
 padding: 25px 25px 10px 0;
 border-bottom: 2px solid #d6d6d6;
}

.item-info {
 float: left;
 width: 50px;
}

a.item-title, a.item-title:visited, a.item-title:hover {
 display: block;
 width: 210px;
 font-size: 12px;
 color: #b30022;
 text-align: center;
 margin-bottom: 20px;
}

#right-sidebar {
 background: #FFFFFF;
 width: 266px;
 float: left;
 background: url(/resources/images/sidebar.gif) no-repeat top right;
}

* html #right-sidebar img { margin-bottom: -2px; }

#left-sidebar {
 background: #FFFFFF;
 width: 198px;
 float: left;
 margin-left: 20px;
 padding: 25px;
 margin-bottom: 20px;
}

* html #left-sidebar { margin-left: 10px; }

.left-order {
 width: 250px;
 height: 158px;
 position: absolute;
 top: 327px;
 left: 19px;
}

.listing li {
 list-style: none;
 background: url(/resources/images/arrow.gif) no-repeat 0 12px;
 padding: 8px;
 padding-left: 10px;
 border-bottom: 1px solid #d6d6d6;
}

.no-border { border: 0 !important; }

.listing li a, .listing li a:visited, .listing li a:hover {
 font-size: 12px;
 color: #b30022;
}

.sub-listing {
 margin-top: 15px;
 margin-left: -10px;
}

.sub-listing li {
 list-style: none;
 background: none !important;
 padding: 7px;
 padding-left: 10px;
 border: none;
}

.sub-listing li a, .sub-listing li a:visited, .sub-listing li a:hover {
 font-size: 12px;
 color: #595959;
}

.sub-listing li a:hover {
 font-size: 12px;
 color: #b30022;
}

#right-content {
 width: 715px;
 float: left;
}

#way {
 color: #313131;
 margin-bottom: 25px;
}

#way span {
 color: #b30022;
 margin: 0 1px;
}

.photo {
 width: 448px;
 height: 348px;
 display: block;
 margin: 30px auto;
}

#photo-listing {
 color: #b30022;
 word-spacing: 2px;
 text-align: center;
 margin-bottom: 30px;
}

#photo-listing span { color: #313131; }

a.arrow, a.arrow:visited, a.arrow:hover {
 font-size: 14px;
 font-weight: bold;
 color: #b30022;
 margin: 0 5px;
}

.inner {
 background: #FFFFFF;
 padding: 18px;
}

.gray-inner { padding: 18px; }

.tech-features {
 background: #FFFFFF;
 padding: 15px;
 font-size: 12px;
 font-weight: bold;
 color: #595959;
}

.features {
 width: 100%;
 border-collapse: collapse;
}

.features td {
 padding: 10px;
 border-bottom: 1px solid #FFFFFF;
}

div.price {
 font-size: 12px;
 font-weight: bold;
 color: #595959;
 background: #FFFFFF;
 padding: 15px;
 margin-top: 20px;
 margin-bottom: 1px;
}

table.price {
 width: 100%;
 background: #FFFFFF;
 font-size: 12px;
 border-collapse: collapse;
}

table.price td {
 border-bottom: 1px solid #d6d6d6;
 padding: 10px;
}

table.price span { font-size: 11px; }

tr.title td {
 padding-top: 0;
 border-bottom: 2px solid #d6d6d6 !important;
}

.price-items {
 width: 100%;
 margin-bottom: 15px;
}

a.arrow-style, a.arrow-style:visited, a.arrow-style:hover {
 font-size: 12px;
 display: block;
 background: url(/resources/images/arrow.gif) no-repeat 0 12px;
 padding: 7px;
 padding-left: 10px;
}

a.arrow-style2, a.arrow-style2:visited, a.arrow-style2:hover {
 font-size: 11px;
 display: block;
 background: url(/resources/images/arrow.gif) no-repeat 0 12px;
 padding: 7px;
 padding-left: 10px;
}

.search { width: 100%; }

.search span { color: #b30022; }

input.text {
 width: 240px;
 height: 16px;
 border: 1px solid #c1c1c1;
 font-size: 11px;
 color: #999999;
 padding: 1px 2px;
 margin-bottom: 7px;
}

#order textarea {
 width: 343px;
 height: 78px;
 border: 1px solid #c1c1c1;
 font-family: Tahoma;
 font-size: 11px;
 color: #999999;
 padding: 1px 2px;
}

.line {
 border-bottom: 1px solid #d6d6d6;
 margin: 15px 0;
}

.red { color: #b30022; }

.submit {
 background: url(/resources/images/submit.gif);
 width: 75px;
 height: 26px;
 margin-right: 5px;
 border: 0;
}

.reset {
 background: url(/resources/images/clear.gif);
 width: 68px;
 height: 26px;
 border: 0;
}

.tech { width: 100%; }

.tech td {
 border-bottom: 2px solid #d6d6d6;
 padding: 15px 0;
}

.tech img { border: 1px solid #FFFFFF; }

span.price {
 font-size: 12px;
 color: #b30022;
}

.services { width: 100%; }

.services th {
 text-align: left;
 padding: 7px 20px 15px 20px;
 border-bottom: 2px solid #d6d6d6;
}

.services td {
 padding: 7px 20px 15px 20px;
 border-bottom: 1px solid #d6d6d6;
}

.vacansy {
 font-size: 12px;
 padding-top: 7px;
 font-weight: bold;
 color: #b30022;
}

.line2 {
 border-bottom: 2px solid #d6d6d6;
 margin: 15px 0;
}

.vacansies { margin: 10px 0; }

.vacansies li {
 list-style: none;
 display: block;
 background: url(/resources/images/arrow.gif) no-repeat 0 8px;
 padding: 3px;
 padding-left: 10px;
}

#footer {
 background: url(/resources/images/footer.gif);
 width: 996px;
 height: 141px;
 position: relative;
 clear: both;
}

#footer a, #footer a:visited {
 color: #ec7501;
 text-decoration: underline;
}

#footer a:hover {
 color: #ec7501;
 text-decoration: none;
}

#copyright {
 position: absolute;
 top: 92px;
 left: 40px;
}

#contacts {
 position: absolute;
 top: 70px;
 right: 155px;
}

#contacts td {
 vertical-align: middle;
 text-align: right;
}

#tel {
 padding-left: 10px;
 font-family: "Myriad Pro";
 font-size: 30px;
 font-weight: bold;
 color: #ec7403;
}
