/* CSS RESET RULES */
html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,
col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img,
ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,
sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
margin: 0;
padding: 0;
vertical-align: baseline;
}
img {
border: 0;
}
/* / CSS RESET RULES */
body, textarea, input {
font-family: Arial;
font-size: 8pt;
font-weight: normal;
color: #6C6F70;
margin: 0;
}
div.all {
min-width: 1000px;
width: expression(body.clientWidth < 990?"981px":"100%");
min-height: 100%;
margin-bottom: -60px;
}
div, table {
font-size: 8pt;
line-height: 1.2em;
}
a {
text-decoration: none;
color: #0083BE;
}
a:focus {
outline: 0 none;
}
.yellow {
color: #F7B100;
}
.gray {
color: #6C6F70;
}
.black {
color: #000;
}
a.arrow {
background: url("../images/menu_left_dot.png") no-repeat 0 55%;
padding: 0 0 0 10px;
text-decoration: underline;
}
a.arrow-yellow {
background: url("../images/menu_left_dot_yellow.png") no-repeat 0 55%;
padding: 0 0 0 10px;
text-decoration: underline;
}
a.arrow-white {
background: url("../images/menu_left_hover_dot.png") no-repeat 0 55%;
padding: 0 0 0 10px;
color: #fff;
text-decoration: underline;
}
a.arrow-white:hover {
text-decoration: none;
}
.big {
font-size: 14pt;
}
div.clear {
clear: both;
}
p.warning {
font-weight: bold;
margin: 15px 0;
color: #f00;
}
/*
/* Navigation */
#bread {
background: url("../images/bread_bg.png") #EBEBEB repeat-x;
margin: 0 0 28px 0;
height: 22px;
position: relative;
}
div.facebook {
position: absolute;
right: 5px;
top: 3px;
}
#bread .item {
display: inline;
background: url("../images/bread_dot.png") 0 50% no-repeat;
padding: 0 10px 0 15px;
line-height: 20px;
color: #6C6F70;
}
#bread .first {
background: none;
padding: 0 10px;
}
#bread a {
color: #6C6F70;
}
#bread a:hover {
color: #000;
text-decoration: underline;
}
#header {
z-index: 10000;
}
#header .search {
float: right;
}
#header .phone {
padding: 8px 12px;
float: right;
}
#header .nav {
padding: 8px 0 8px 0;
text-align: right;
float: right;
z-index: 10000;
zoom: 1;
}
#header .nav ul {
padding: 0;
text-align: left;
}
ul.nav {
z-index: 10000;
}
ul.aright {
text-align: right;
}
ul.nav li {
background: url("../images/menu_grey_sep.png") no-repeat 100% 50%;
display: inline;
padding: 0px 11px;
color: #a2a5a4;
text-align: left;
position: relative;
z-index: 10005;
}
ul.nav li a {
text-decoration: none;
color: #a2a5a4;
}
ul.nav li.first{
padding-left: 0;
}
ul.nav li ul {
margin: 5px 0 0 0;
display: none;
}
/*ul.nav li:hover ul,*/
ul.nav li.hover ul {
display: block;
position: absolute;
padding: 0px 0 0px 0;
margin: 6px 0 0 0px;
left: 0;
z-index: 10005;
width: 210px;
background: #fff;
border-right: 1px solid #D0CFCB;
border-bottom: 1px solid #D0CFCB;
border-left: 1px solid #D0CFCB;
}
ul.nav li ul li {
display: block;
background: none;
padding: 0px 0 0px 0px;
}
ul.nav li ul li:hover {
background: #eee;
}
ul.nav li ul li a {
font-size: 8pt;
font-weight: bold;
text-transform: none;
padding: 8px 10px 8px 25px;
display: block;
color: #000;
background: url("../images/arrow_black.gif") no-repeat 14px 11px;
}
ul.nav li ul li a:hover {
color: #000;
}
ul.nav li.hover ul {
*top: 12px !important; /* IE 7 */
/* _left: -6px !important; /* IE 6 */
/* left: -8px\0/ !important; /* IE 8 */
}
#header .search {
padding: 5px 0 0 0;
}
.search {
}
.search form {
display: inline;
}
.search img {
vertical-align: middle;
margin: 0 2px 0 0;
}
form input.txt{
border: 1px solid #D0CFCB;
background: #eae9e8;
color: #A2A5A4;
padding: 1px 1px 1px 5px;
margin-right:1px;
width: 165px;
}
form input.sb {
background: #fff;
}
form input.search-big {
font-size: 14pt;
padding: 3px 8px 3px 8px;
margin: 0px 15px 0 0;
width: 620px;
border: 0 none;
float: left;
}
#searchForm1 {
margin: 0 0 10px 0;
}
.ok {
color:#fff;
background:#d0cfcb;
border: none;
height: 17px;
cursor: pointer;
margin: 0 0 1px 0;
text-align: center;
line-height: 17px;
vertical-align: middle;
padding: 0 0 2px 0;
}
#menu-main {
padding: 19px 0 10px 0;
}
#menu-main li ul {
top: 12px !important; /* IE 7 */
/* _left: -6px !important; /* IE 6 */
/* left: -8px\0/ !important; /* IE 8 */
}
#menu-main li ul ul {
top: -7px !important; /* IE 7 */
/* _left: -6px !important; /* IE 6 */
/* left: -8px\0/ !important; /* IE 8 */
}
#menu-main ul {
list-style: none;
}
#menu-main ul li {
background: url("../images/menu_black_sep.png") no-repeat 100% 50%;
display: inline;
padding: 0px 11px 0px 11px;
font-size: 9pt;
position: relative;
z-index: 10000;
}
/*
#menu-main ul li {
}
*/
#menu-main ul li.first {
padding-left: 0;
}
#menu-main ul li.last {
background: none;
}
#menu-main ul li a {
color: #000;
text-transform: uppercase;
}
#menu-main ul li a:hover {
color: #F7B100;
}
#menu-main ul li ul {
display: none;
}
/*
#menu-main ul li span.sub1 {
/*
padding: 50px 0 0 0;
margin: 50px 0 0 0;
border: 1px solid red;
display: block;
position: absolute;
}
*/
/*#menu-main ul li:hover ul,*/
#menu-main ul li.hover ul {
display: block;
position: absolute;
padding: 0px 0 0px 0;
margin: 6px 0 0 11px;
left: 0;
z-index: 10000;
width: 210px;
background: #fff;
border-right: 1px solid #D0CFCB;
border-bottom: 1px solid #D0CFCB;
border-left: 1px solid #D0CFCB;
}
#menu-main ul li.first ul {
margin-left: 0;
}
#menu-main ul li ul li {
display: block;
background: none;
padding: 0px 0 0px 0px;
}
/*
#menu-main ul li ul li.first {
padding-left: 25px;
}
*/
#menu-main ul li ul li:hover {
background: #eee;
}
#menu-main ul li ul li.hasSub {
background: url("../images/menu_plus.png") no-repeat 190px 45%;
}
#menu-main ul li ul li.hasSub:hover {
background: url("../images/menu_plus.png") #eee no-repeat 190px 45%;
}
#menu-main ul li ul li.hasSub:hover {
}
#menu-main ul li a.up {
text-transform: uppercase;
}
#menu-main ul li ul li a {
font-size: 8pt;
font-weight: bold;
text-transform: none;
padding: 8px 10px 8px 25px;
display: block;
background: url("../images/arrow_black.gif") no-repeat 14px 11px;
}
#menu-main ul li ul li a:hover {
color: #000;
}
#menu-main ul li.hover ul ul {
display: none;
}
/*#menu-main ul li ul li:hover ul,*/
#menu-main ul li ul li.hover ul {
display: block;
position: absolute;
top: -7px;
/* top: 0;*/
left: 199px;
border-top: 1px solid #D0CFCB;
}
#menu-main ul li.hover ul ul ul {
display: none;
}
#menu-main ul li ul ul li.hover ul {
display: block;
position: absolute;
top: -1px;
left: 199px;
border-top: 1px solid #D0CFCB;
}
#menu-main ul li.first ul li.hover ul,
#menu-main ul li ul li.first ul {
left: 210px;
}
#menu-main ul li.car {
text-align: center;
padding: 0;
}
#menu-main ul li.car a {
background: 0 none;
}
#menu-main ul li ul li ul li.hover ul{
top: -7px;
}
.text-short {
width: 550px;
float: left;
}
#leftCol ul {
list-style: none;
zoom:1;
}
#leftCol ul li {
list-style: none;
padding: 1px 0 0 0;
zoom: 1;
}
#leftCol ul li a {
background: url("../images/menu_left_bg.png") #eae9e8 repeat-x;
padding: 11px 20px 12px 16px;
margin: 0;
display: block;
zoom: 1;
cursor: pointer;
color: #191C1F;
text-decoration: none;
}
#leftCol ul li a:focus {
outline: 0 none;
}
#leftCol ul li a:hover {
color: #fff;
text-decoration: underline;
background:url("../images/menu_left_hover_bg.png") #F7B100 repeat-x 0 0;
}
#leftCol ul li a.active {
color: #fff;
text-decoration: none;
background:url("../images/menu_left_hover_bg.png") #F7B100 repeat-x 0 0;
}
#leftCol ul li a.active:hover {
text-decoration: underline;
}
#leftCol ul li a span {
background: url("../images/menu_left_dot.png") 4px 4px no-repeat;
padding: 1px 0 0 14px;
display:block;
zoom:1;
}
#leftCol ul li a:hover span {
background: url("../images/menu_left_hover_dot.png") 4px 4px no-repeat;
}
#leftCol ul li a.active span {
background: url("../images/menu_left_active_l1_dot.png") 1px 5px no-repeat;
}
#leftCol ul li ul li a span {
margin: 0 0 0 10px;
zoom: 1;
}
#leftCol ul li ul li a,
#leftCol ul li ul li a.active,
#leftCol ul li ul li a:hover {
background: url("../images/menu_left_bg.png") #eae9e8 repeat-x;
color: #191C1F;
text-decoration: none;
}
#leftCol ul li ul li a:hover,
#leftCol ul li ul li a.active:hover {
text-decoration: underline;
}
#leftCol ul li ul li a.active span,
#leftCol ul li ul li a.active:hover span {
background: url("../images/menu_left_active_l2_dot.png") 1px 5px no-repeat;
}
#leftCol ul li ul li a span,
#leftCol ul li ul li a:hover span {
background: url("../images/menu_left_dot.png") 4px 4px no-repeat;
}
/*
/* /Navigation */
/*
/* Structure */
#content {
margin: 0 0 00px 0;
position: relative;
}
#content ol {
margin: 0 0 0 20px;
list-style-type: decimal;
list-style-position: inside;
}
div.inner {
text-align: left;
width: 964px;
position: relative;
}
div.inner-small {
text-align: left;
width: 950px;
position: relative;
}
div.inner-smaller {
text-align: left;
width: 930px;
position: relative;
}
div.inner-smallest {
text-align: left;
width: 744px;
position: relative;
}
*+html div.inner {
position: static;
}
div.inner-content {
margin: 32px 0 0 0;
position: relative;
}
div.inner p {
margin: 0 0 1.2em 0;
}
#player {
z-index: 1;
}
div#main-content {
float: left;
width: 769px;
overflow: hidden;
zoom: 1;
margin: 0 10px 0 0;
position: relative;
}
div#main-banners {
float: left;
width: 185px;
height: 527px;
zoom: 1;
overflow: hidden;
position: relative;
}
* html div#main-content,
* html div#main-banners {
float: none;
display: inline;
}
#headerContent {
position: relative;
}
#header{
z-index: 10005;
position: relative;
margin: 2px 0 0 0;
}
#lang {
position: absolute;
top: 8px;
left: 100px;
padding: 0 0 0 20px;
text-decoration: underline;
color: #A2A5A4;
}
#lang:hover {
color: #FAB700;
}
.lang_ua {
background: url("../images/lang_ua.png") no-repeat;
}
.lang_ru {
background: url("../images/lang_ru.png") no-repeat;
}
table.htop {
text-align: right;
z-index: 100000;
}
#leftCol {
width: 165px;
float: left;
margin: 0 20px 0 0;
/* position: relative;*/
}
#mainInner {
width: 779px;
float: left;
overflow: hidden;
position: relative;
}
.inner-smallest #mainInner {
width: 744px;
float: left;
overflow: hidden;
position: relative;
}
.inner-small #modelPicker {
width: 948px;
}
.inner-smaller #modelPicker {
width: 928px;
}
#mainInner-short {
width: 549px;
float: left;
overflow: hidden;
}
/*
* html #leftCol,
* html #mainInner,
* html #mainInner-short {
float: none;
display: inline;
}
*/
#rightCol {
padding: 0 0 0 25px;
width: 185px;
float: left;
overflow: hidden;
}
#footer {
clear: both;
border-top:1px solid #191c1f;
padding: 6px 3px 4px 0px;
margin: 0px 0px 0 0px;
height: 40px;
text-align: left;
color:#a2a5a4;
/* padding: 10px 0 0 0;*/
position: relative;
}
#footer .nav {
float: left;
}
#footer .phone {
float: left;
margin: 0 10px;
}
#footer .copy {
float: left;
background: url("../images/menu_grey_sep.png") no-repeat 0 50%;
padding: 0 10px;
}
ul.footer_links {
position: absolute;
top: 6px;
right: 0;
list-style: none;
}
ul.footer_links li {
float: left;
margin: 0 0 0 6px;
}
ul.footer_links a {
color: #A2A5A4;
}
/*
/* /Structure */
/*
/* Forms */
form {
margin: 0;
padding: 0;
}
div.form {
background: #EDEDED;
padding: 0px 0 20px 0;
width: 505px;
}
#footnotes{
/*padding-left: 19px;*/
/*padding-right: 19px;*/
/*padding-top: 10px;*/
color: rgb(163, 153, 153);
display: block;
width: 662px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
#tech_text{
font-size: 10pt!important;
color: #6C6F70;
/*font-weight: bold;*/
display: block;
width: 662px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
div.form1 {
background: #EDEDED;
padding: 0px 0 20px 0;
width: 295px;
/*margin-left: 215px;*/
}
div.form-select {
width: 550px;
}
div.form-content {
width: 505px;
/* width: 365px;*/
color: #000;
text-align: left;
}
div.form-content label {
margin: 0;
}
div.form-in {
margin: ;0
}
input.form,
textarea.form,
select.form {
margin: 5px 0 10px 0;
padding: 2px 5px;
border: 1px solid #DADCDE;
background: #fff;
width: 204px;
}
textarea.form {
height: 100px;
}
input.other {
width: 150px;
margin: -12px 0 20px 13px;
}
input.form-other {
width: 250px;
padding: 0px 5px;
margin: 0 0 0 10px;
}
select.error,
input.error,
textarea.error {
border: 1px solid #F00;
}
input[type="radio"].error,
input[type='checkbox'].error {
border: 1px solid #F00;
outline: 1px solid #F00;
}
input.radio {
vertical-align: bottom;
}
div.form-header {
background: #E6E6E6;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 100%;
padding: 8px 0;
margin: 15px 0 15px 0;
display: block;
}
div.header-first {
margin: 0 0 15px 0;
}
div.form-header span {
padding: 0px 20px;
font-weight: bold;
}
div.forms-item {
width: 204px;
display: block;
padding: 0 20px;
}
.left {
float: left;
}
.clear {
clear: both;
}
.right {
float: right;
}
div.item-first {
padding-top: 20px;
}
table.form-table tr td,
table.form-table tr th {
text-align: center;
vertical-align: middle;
}
table.form-table tr th {
font-weight: normal;
text-align: right;
}
div.form-button {
margin: 10px 0 0 20px;
}
a.button {
text-decoration: none;
cursor: hand;
background: url("../images/menu_left_hover_bg.png") #eae9e8 repeat-x;
color: #fff;
font-weight: bold;
font-size: 10pt;
display: inline-block;
padding: 0 10px 0 0;
}
a.button-gray {
background: url("../images/bg_n.png") #eae9e8 repeat-x;
color: #fff;
font-weight: bold;
font-size: 10pt;
display: inline-block;
padding: 0 10px 0 0;
margin-right: 30px;
}
a.button strong,
a.button-gray strong {
padding: 0 0 0 32px;
display: block;
background: url("../images/arrow-white-button.gif") no-repeat 0 50%;
height:30px;
line-height:30px;
}
a.brev strong {
background: url("../images/arrow-white-button-rev.gif") no-repeat 0 50%;
}
a.head-button {
background: url("../images/menu_left_bg.png") #eae9e8 repeat-x;
padding: 8px 20px 9px 16px;
margin: 0px 0 2px 0;
display: block;
zoom: 1;
color: #191C1F;
text-decoration: none;
}
a.button-full {
background: url("../images/menu_left_hover_bg.png") #eae9e8 repeat-x;
padding: 8px 20px 9px 16px;
margin: 0px 0 2px 0;
display: block;
zoom: 1;
color: #191C1F;
text-align: center;
font-weight: bold;
text-decoration: none;
}
a.head-button-active,
a.head-button:hover {
background: url("../images/menu_left_hover_bg.png") #eae9e8 repeat-x;
color: #fff;
text-decoration: underline;
}
a.head-button-active {
text-decoration: none;
}
a.head-button span {
background: url("../images/menu_left_dot_full.png") 4px 4px no-repeat;
padding: 1px 0 0 14px;
display:block;
zoom:1;
}
a.head-button:hover span {
background: url("../images/menu_left_hover_dot.png") 4px 4px no-repeat;
}
a.head-button-active:hover span,
a.head-button-active span {
background: url("../images/menu_left_active_l1_dot.png") 1px 5px no-repeat;
}
.spoiler {
display: none;
background: #EDEDED;
padding: 20px 30px;
}
.spoiler strong {
color: #000;
}
.spoiler-show {
display: block;
}
.spoiler-add h1 {
margin: 0;
}
a.spoiler-link {
display: block;
font-size: 8pt;
font-weight: bold;
color: #666;
margin: 3px 0 8px 0;
padding: 3px 0 3px 0;
background: url("../images/spoiler.jpg") repeat-x;
text-align: center;
}
/*
/* /Forms
/*
/* Elements */
h1,
span.h1 {
font-size: 20pt;
color: #000;
text-transform: uppercase;
}
h3 {
font-size: 9pt;
font-weight: bold;
color: #000;
margin: 0 0 1.5em 0;
/* text-transform: uppercase; */
}
h4 {
font-size: 14pt;
font-weight: bold;
color: #A3A5A4;
margin: 0 0 8px 0;
/* text-transform: uppercase; */
}
h5,
.h5 {
font-size: 12pt;
font-weight: bold;
color: #A3A5A4;
margin: 0 0 1.5em 0;
}
h6 {
font-size: 10pt;
font-weight: bold;
color: #000;
margin: 0 0 1.5em 0;
}
.contact_photo {
margin: 0 0 1px 0;
}
#mainInner ul.search {
margin: 0;
list-style: none;
}
#mainInner ul.search li {
list-style: none;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px dotted #666;
}
#mainInner ul.search li a {
text-decoration: underline;
}
div.hr {
margin: 0 0 20px 0;
border-bottom: 1px solid #ddd;
}
img.left {
margin: 0 10px 10px 0;
float: left;
}
img.right {
margin: 0 0 10px 10px;
float: right;
}
#pageTitle {
height: 30px;
overflow: hidden;
position: relative;
}
#pageTitle h1 {
float: left;
margin: 0 20px 0 0;
}
#pageTitleSO{
margin-top:-24px;
margin-bottom:-83px;
height: 30px;
overflow: hidden;
position: relative;
}
#pageTitleSO h1 {
float: left;
margin: 0 20px 0 0;
}
#print {
position: absolute;
top: 10px;
right: 0;
color: #A2A5A4;
background: url("../images/ico_print.gif") no-repeat;
padding: 0 0 0 27px;
}
#subHeader {
display: block;
overflow: hidden;
position: relative;
line-height: 12px;
height: 30px;
}
#subHeader span {
font-size: 9pt;
font-weight: normal;
color: #a2a5a4;
position: absolute;
display: block;
bottom: 6px;
overflow: hidden;
}
.news_list .item {
margin: 0 0 30px 0;
clear: both;
}
.news_list .item .lid {
margin: 10px 0 0 0;
}
.news_list .item div.img {
display: inline-block;
margin: 0 15px 15px 0;
width: 82px;
vertical-align: top;
overflow: hidden;
}
* html .news_list .item div.img { display: inline; }
*+html .news_list .item div.img { display: inline; }
.news_list .item div.info {
display: inline-block;
vertical-align: top;
width: 640px;
}
* html .news_list .item div.info { display: inline; }
*+html .news_list .item div.info { display: inline; }
span.date {
margin: 0 0 0 10px;
font-size: 8pt;
}
#mainInner #models_list {
margin: 0;
}
#mainInner #models_list li {
list-style: none;
}
div.models-header {
font-size: 9pt;
padding: 12px 20px 10px 20px;
margin: 25px 0 10px 0;
background:url("../images/menu_left_hover_bg.png") #F7B100 repeat-x 0 0;
text-transform: uppercase;
color: #000;
}
#models_list li {
height: 105px;
margin: 0 0 10px 0;
list-style: none;
float: left;
text-align: center;
}
#models_list li p {
text-transform: uppercase;
background: #EDEDED;
padding: 10px;
}
#models_list li .details {
z-index: 1000;
position: absolute;
display: none;
background: #FAB700;
padding: 20px 0 21px 0;
margin: -44px 0 0 0;
min-height: 140px;
height: 177px;
}
#models_list li:hover .details {
display: block;
}
#models_list li:hover .details span {
font-size: 10pt;
font-weight: bold;
}
#models_list li:hover .details img {
margin: 8px 0 10px 0;
}
#models_list li:hover .details .info {
color: #fff;
padding: 0 0 0 20px;
}
#models_list li:hover .details .pr {
margin: 0 0 10px 0;
font-size: 8pt;
}
.h0 {
color: #fff;
font-size: 12pt;
}
a.checkbox {
background: url("../images/checkbox_unselected.gif") no-repeat;
line-height: 18px;
}
a.checkbox-disabled {
background: url("../images/checkbox_disabled.gif") no-repeat;
line-height: 18px;
}
a.checkbox:focus {
outline: 0 none;
}
a.checkbox-selected {
background: url("../images/checkbox_selected.gif") no-repeat;
line-height: 18px;
}
a.checkbox span {
padding: 10px;
}
input.radio {
cursor: pointer;
}
a.radio {
background: url("../images/radio_unselected.gif") no-repeat;
padding: 1px 0 0 0;
line-height: 18px;
}
a.radio:focus {
outline: 0 none;
}
a.radio-selected {
background: url("../images/radio_selected.gif") no-repeat;
}
a.radio span {
padding: 0 0 0 22px;
margin: 0 20px 0 0;
}
label.check {
color: #000;
margin: 0 10px 0 0;
cursor: pointer;
/* vertical-align: text-top;*/
}
a.bg-yellow {
background: url("../images/menu_left_hover_bg.png") #eae9e8 repeat-x;
padding: 6px 10px;
color: #fff;
font-weight: bold;
font-size: 10pt;
}
a.bg-yellow span {
padding: 10px;
}
table.info {
margin: 0 0 10px 0;
width: 100%;
}
table.info tr.hidden,
table.info tr.min {
display: none;
}
table.info tr td,
table.info tr th {
width: 25%;
text-align: left;
background: #EDEDED;
color: #000;
padding: 10px;
font-weight: normal;
vertical-align: middle;
}
table.info tr td {
text-align: center;
}
table.info tr.h0 th {
background: #E6E6E6;
vertical-align: middle;
}
table.info tr.h0 th img {
margin: 0 5px 0 0;
vertical-align: middle;
}
table.info tr.h1 td {
text-align: left;
background: #FAB700;
color: #fff;
}
table.info tr.h1 td strong {
font-size: 9pt;
text-transform: uppercase;
}
table.info tr.h1 th {
background: #E6E6E6;
font-weight: bold;
}
table.info tr.hm th {
font-weight: bold;
}
table.info tr.h2 th {
font-weight: bold;
padding: 0 0 0 16px;
background-image: url("../images/show.gif");
background-repeat: no-repeat;
background-position: 10px 50%;
}
table.info tr.h2 th.hidden {
background-image: url("../images/hide.gif");
background-repeat: no-repeat;
background-position: 10px 50%;
}
table.info tr.h2 th a.group {
font-weight: bold;
text-decoration: none;
display: block;
padding: 10px;
}
table.info tr.h2 th:hover {
background-color: #E6E6E6;
}
table.info tr.h2 th a.group:focus {
outline: 0 none;
}
div.ver-del {
margin: 1.5em 0 0 0;
}
#info-nav {
position: relative;
margin: -5px 0 5px 0;
}
#info-nav select {
border: 1px solid #CACBC9;
font-size: 8pt;
position: absolute;
top: 0;
right: 0;
}
.verWindow {
display: none;
position: fixed;
top: 50%;
left: 50%;
margin: -100px 0 0 -150px;
width: 260px;
height: 95px;
padding: 20px 20px;
background: #fff;
color: #000;
z-index: 100000;
font-size: 10pt;
}
#ver-select {
width: 260px;
}
.verOverlay {
background: #000;
}
#video_show {
zoom: 1;
position: relative;
}
div.gallery #photo-show,
div.gallery #photo-big-show {
width: 779px;/* 575px; */
/* height: 333px; /* 314px; */
overflow: hidden;
position: relative;
}
#photo-src {
width: 779px;/* 575px; */
/* height: 333px; /* 314px; */
}
#gallery-nav {
display: none;
position: absolute;
top: 230px;
width: 959px;
}
/*
div.gallery #photo-big-show:hover #gallery-nav {
display: block;
}
*/
#gallery-next {
position: absolute;
right: 0;
}
#gallery-zoom {
position: absolute;
right: 0;
bottom: 0;
}
div.gallery .gal-ajax-loader,
div.gallery #ajax-loader,
div.gallery #ajax-big-loader {
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -8px;
z-index: 100;
}
div.gallery div.item {
float: left;
width: 96px;
height: 53px;
overflow: hidden;
margin: 1px 1px 0 0;
}
div.gallery div.item img {
width: 95px;
}
div.gallery div.item-short {
overflow: hidden;
width: 94px;
}
div.gallery div.item img {
}
div.gallery div.item a:hover div,
div.gallery div.item a.active div {
position: absolute;
overflow: hidden;
width: 81px;
height: 40px;
border-top: 6px solid #fff;
border-right: 7px solid #fff;
border-bottom: 6px solid #fff;
border-left: 7px solid #fff;
}
/* Colors */
div.colors {
position: relative;
}
div.colors div.item-color {
float: left;
margin: 5px 5px 10px 5px;
}
div.colors div.item-color img {
width: 27px;
height: 27px;
border: 2px solid #fff;
}
#gid-2 div.item-color img {
width: 54px;
height: 54px;
}
div.colors div.item-color a:hover img,
div.colors div.item-color a.active img {
border: 2px solid #F6C602;
}
div.colors {
min-height: 425px;
}
div.colors #color-show {
width: 355px;
height: 255px;
overflow: hidden;
position: relative;
}
.color_title {
position: absolute;
/*top: 283px;*/
margin-top: -12px;
right: 0;
}
div.colors {
float: left;
width: 355px;
margin: 0 48px 0 0;
overflow: hidden;
}
#gid-2 {
margin: 0;
}
#color-src {
/* width: 365px;*/
}
/* /Colors */
/*
div.gallery div.item-short a:hover div {
width: 80px;
}
*/
div.gal-preview {
width: 779px;
}
a#href_big:hover {
}
div.gallery #photo-big-show {
width: 959px;
height: 525px;
}
div.gallery div.gallery-close {
text-align: right;
padding: 0 0 8px 0;
}
div.gallery div.gallery-close a span {
padding: 0 15px 0 0;
background: url("../images/close.gif") no-repeat 100% 50%;
text-transform: uppercase;
}
.jqm {
display: none;
}
.galWindow {
display: none;
position: absolute;
top: 10%;
left: 50%;
margin-left: -500px;
width: 960px;
padding: 15px 20px 20px 20px;
border: 1px solid #D0CFCB;
background: #fff;
color: #333;
z-index: 100000;
}
.jqmOverlay {
background: #fff;
}
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');
}
* html .galWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
div.gray-pad {
line-height: 1.4em;
background: #E6E6E6;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin: 0 0 0px 0;
}
div.pad20 {
padding: 20px;
}
div.pout {
margin: 5px 0 5px 0;
color: #000;
}
div.pout a {
font-weight: bold;
margin: 0 4px;
}
div.pout strong {
background: #FAB700;
padding: 2px 4px;
}
.bg-gray {
background: #EDEDED;
}
.bg-dgray {
background: #E6E6E6;
}
div.map_icon {
background: url("../images/map_icon.gif") no-repeat;
color: #fff;
font-weight: bold;
line-height: 19px;
height: 48px;
width: 40px;
text-align: center;
position: absolute;
left: 0px;
top: 6px;
}
div.diler-feed {
margin: 16px 0 0 0;
}
#dilers-form-div {
z-index: 1000;
}
#map_td {
border-right: 10px solid #fff;
padding: 0;
background: #fff
}
#map_canvas {
width: 100%;
height: 345px;
margin: 0;
}
#dilers_short {
background: #E6E6E6;
}
#dilers_short,
#diler_selected {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
//margin: 10px 0 0 0;
}
#dilers_short table,
#diler_selected table {
width: 100%;
}
#dilers_short table td,
#diler_selected table td {
//padding: 5px;
vertical-align: middle;
}
#dilers_short table td.logo_small,
#diler_selected table td.logo_small {
width: 1%;
}
.logo_small {
padding-left: 10px;
}
#dilers_short table td.info,
#diler_selected table td.info {
padding-left: 10px;
width: 420px;
font-size: 8pt;
}
#dilers_short table td a {
text-decoration: underline;
}
div.dilers {
z-index: 1;
}
.dilers-check {
float: left;
margin: 8px 5px 0 0;
}
.diler-link {
background: #E5E5E5;
margin: 0px 0 0px 0;
padding: 5px 8px;
font-size: 9pt;
}
span.diler-link {
margin: 20px 0 0 0;
}
div.dilers .item {
position: relative;
margin: 20px 0;
border: 10px solid #EDEDED;
padding: 20px 20px 20px 40px;
color: #000;
}
div.dilers .item table {
width: 98%;
}
div.dilers .item td {
border-right: 1px #ccc dotted;
vertical-align: top;
}
div.dilers .item .daddress {
width: 200px;
margin: 0 0 10px 0;
}
div.dilers .item .dhead {
font-size: 10pt;
margin: 0 0 15px 0;
}
div.dilers .item td .dphone {
font-size: 10pt;
margin: 10px 0 10px 0;
}
div.dilers .item td.address {
width: 250px;
}
.service-img {
margin: 0 5px 5px 0;
}
div.dilers .item td.services {
width: 210px;
padding: 0 20px;
}
div.dilers .item td.contacts {
width: 200px;
padding: 0 20px;
}
div.dilers .item td.last {
width: 150px;
padding: 0 20px;
border-right: 0 none;
}
table.dilers-form td {
padding: 15px 15px;
width: 50%;
background: #EDEDED;
color: #000;
vertical-align: top;
}
div.item table td {
line-height: 1.5em;
}
div.item table td p.head {
font-size: 9pt;
margin: 0 0 8px 0;
}
table.dilers-form h1 {
margin: 0 0 20px 0;
}
div.form-item {
float: left;
z-index: 1000;
}
div.form-item input {
margin: 5px 15px 0 0;
width: 203px;
padding: 6px 4px;
color: #000;
border: 1px solid #B5BABC;
}
#region {
z-index: 1000;
width: 213px;
margin: 5px 0px 0 0;
}
#city {
z-index: 1000;
width: 213px;
margin: 5px 0px 0 0px;
}
#city-item {
margin: 0 0 0 16px;
}
/*
div.form-item input.dlast {
margin: 5px 0 0 0;
}
*/
#dilers-submit {
margin: 0px 0 0 0;
text-align: right;
}
table.services {
width: 100%;
}
table.dilers-form td table.services tr td {
padding: 10px 10px 0 0;
width: 50%;
}
table.services tr td img {
float: left;
margin: 0 5px 0 0;
}
div.text_under {
margin: 20px 0 0 0;
border-top: 1px solid #A3A5A4;
color: #A3A5A4;
padding: 4px 6px;
}
div.text table {
border-collapse: collapse;
}
div.text table td,
div.text table th {
background: #EAE9E8;
border: 2px solid #fff;
padding: 5px;
}
div.text table.white td,
div.text table.white th {
background: #fff;
}
#mainInner div.text table td p,
#mainInner div.text table th p {
margin: 5px 0;
}
div.text table th {
color: #fff;
background: #FAB700;
}
div.map {
margin: -10px 0 0 0;
}
div.map ul {
margin: 0 0 1.5em 4em;
padding: 10px 0 0 0;
}
div.map ul li {
margin: 0.3em 0;
}
div.map ul li a {
text-decoration: underline;
}
div.map ul li a:hover {
text-decoration: none;
}
/* /Elements */
/*
/* Text Styles */
#mainInner p {
margin: 0 0 1em 0;
line-height: 1.5em;
}
#mainInner ul {
margin: 0 0 2em 1em;
list-style: none;
}
#mainInner ul li {
background: url("../images/ul_dot_circle.gif") 0 5px no-repeat;
padding: 0 0 0 10px;
margin: 0 0 0.5em 0em;
}
#slogan-right {
color: #fff;
font-size: 15pt;
text-transform: uppercase;
padding: 20px 20px 10px 20px;
}
#menu-right {
width: 185px;
padding: 0 0 10px 0;
float: right;
background:url("../images/menu_left_hover_bg.png") #F7B100 repeat-x 0 0;
}
#menu-right img {
border-bottom: 1px solid #fff;
}
#menu-right ul {
margin: 0 20px 0 20px;
}
#menu-right ul li {
background: url("../images/brochure.png") 0 5px no-repeat;
padding: 5px 0 5px 40px;
min-height: 30px;
border-bottom: 1px solid #fff;
}
#menu-right ul li.last {
border-bottom: 0 none;
}
#menu-right ul li a {
color: #fff;
font-weight: bold;
}
#mainInner a {
text-decoration: underline;
}
#mainInner a.button {
text-decoration: none;
}
#mainInner a.button-gray {
text-decoration: none;
}
#mainInner a:hover {
text-decoration: none;
}
/* /Text Styles */
#copy {
margin: 0 0 0 11px;
color: #a2a5a4;
}
#slogan {
font-size: 24pt;
color: #000;
margin: 27px 0 0 0;
text-transform: uppercase;
}
#slogan1 {
font-size: 18pt;
color: #000;
margin: 16px 0 0px 0;
text-transform: uppercase;
}
#slogan2 {
font-size: 10pt;
color: #000;
margin: 10px 0 0 0;
text-transform: uppercase;
}
#header-photo {
position: absolute;
right: 90px;
bottom: 5px;
}
.logo {
float:left;
margin-right: 20px;
_margin-right: 17px;
}
.logo img {
/*height: 80px;*/
width: 80px;
}
#diler-logo {
position: absolute;
right: 30px;
top: 0;
width: 240px;
text-align: center;
z-index: 1000;
}
#diler-logo img {
margin: 10px 0 0 0;
}
#headerInfo {
position: relative;
height: 79px;
background: #fff url("../images/header_corner.png") no-repeat right bottom;
padding: 0 50px 0 20px;
overflow: hidden;
z-index: 1;
zoom: 1;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
div.headerDiler {
width: 541px;
}
div.acc strong {
color: #000;
}
div.acc div.photo,
div.acc div.info {
display: inline-block; vertical-align: top;
}
div.acc div.photo {
width: 120px;
margin: 0 10px 0 0;
}
div.acc div.info {
width: 500px;
}
* html div.acc div.photo,
* html div.acc div.info { display: inline; }
*+html div.acc div.photo,
*+html div.acc div.info { display: inline; }
/* Banners */
img.flash-link {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
div.flash-banner {
position: relative;
}
div.banner-240 {
margin: 0 0 2px 0;
}
div.banner-inner-left {
margin: 10px 0 0 0;
overflow: hidden;
width: 185px;
position: relative;
}
/* /Banners */
/* Conf */
ul.conf {
list-style: none;
}
ul.conf li {
list-style: none;
background: url("../images/bread_bg.png") repeat-x;
line-height: 22px;
margin: 0 0 10px 0;
}
ul.conf li span.model {
padding: 0 0 0 37px;
background: url("../images/menu_left_active_l2_dot.png") 24px 50% no-repeat;
color: #000;
font-weight: bold;
}
ul.conf li span.sel {
font-weight: bold;
}
ul.conf li ul li {
margin: 3px 0 0 15px;
background: 0 none;
}
ul.conf li ul li a {
font-size: 11pt;
}
ul.conf li ul li a span {
padding: 0 16px 0 0;
}
*+html ul.conf li ul li strong {
margin: -20px 0 0 0;
}
div.conf-nav {
margin: 10px 0 90px 00px;
z-index: 100;
}
div.conf-nav-4 {
margin: 10px 0 200px 10px;
z-index: 100;
}
div.conf-h4 {
width: 300px;
margin: 0 50%;
left: -150px;
position: absolute;
top: 61px;
text-align: center;
z-index: 15;
}
.base-list ul {
list-style: none;
}
.base-list ul li {
padding: 4px 6px;
}
.base-list ul li.odd {
background: #EEEEEE;
}
table.conf-total {
border-collapse: collapse;
color: #000;
}
table.conf-total tr td,
table.conf-total tr th {
border: 1px solid #FAB700;
padding: 5px;
}
table.conf-total tr td {
padding: 5px 8px;
}
table.conf-total tr td.header {
background: #FAB700;
color: #fff;
font-size: 10pt;
font-weight: bold;
padding: 4px 8px;
}
div.ht {
font-weight: bold;
color: #000;
margin: 0 0 5px 0;
}
div.conf-menu {
margin: 30px 0 0 0;
}
div.conf-menu ul {
list-style: none;
width: 100%;
}
div.conf-menu ul li {
display: inline-block;
width: 198px;
margin: 0 4px 0 0;
padding: 20px;
background: url("../images/bread_bg.png") repeat-x #EBEBEB;
text-align: center;
font-weight: bold;
}
div.conf-menu ul li a {
text-decoration: underline;
}
* html div.conf-menu ul li { display: inline; }
*+html div.conf-menu ul li { display: inline; }
div.conf-menu ul li.last {
margin: 0;
}
#conf-car {
position: absolute;
top: -80px;
right: 0;
}
.conf-content {
position: relative;
}
.conf-model {
background: #fc0;
color: #fff;
font-weight: bold;
width: 480px;
position: absolute;
top: -85px;
left: 242px;
/*
top: 65px;
left: 242px;
*/
}
.conf-model div.conf-model-inner {
padding: 9px;
height: 63px;
/* font-size: 12pt;*/
font-size: 10pt;
position: relative;
}
.conf-model div.conf-model-inner div {
font-size: 10pt;
}
div.conf-auto-title {
width: 210px;
}
div.conf-auto-title span {
font-size: 8pt;
line-height: 1.2em;
}
div.conf-auto-title p.conf-model-h {
margin: 7px 0 7px 0;
padding: 0;
font-size: 14pt;
text-transform: uppercase;
font-weight: normal;
}
div.conf-auto-price {
position: absolute;
top: 9px;
left: 270px;
}
div.inner #price_from {
margin: 7px 0 7px 0;
padding: 0;
font-size: 18pt;
font-weight: normal;
}
div.conf-price-top {
margin: 0 0 0px 0;
}
#model-photo {
position: absolute;
top: 101px;
left: 308px;
z-index: 10;
}
table.conf-credit-select {
width: 450px;
}
table.conf-credit-select th,
table.conf-credit-select td {
font-size: 10pt;
padding: 10px 6px;
vertical-align: middle;
}
table.conf-credit-select td a {
font-size: 11pt;
}
table.conf-credit-select td a span {
padding: 0 16px 0 0;
}
table.conf-credit-select th {
text-align: right;
width: 200px;
}
table.conf-credit-select tr.odd {
background: #EEEEEE;
}
input.slider-input {
padding: 1px 3px;
margin: 0 0 4px 6px;
border: 1px solid #ddd;
width: 50px;
}
div.slider {
margin: 3px 5px;
}
.credit-block {
margin: 5px auto 20px auto;
text-align: center;
width: 380px;
font-size: 24pt;
padding: 15px 25px;
}
select.width462 {
width: 462px;
}
#galleria{
height:420px;
}
#galleria_special_offer{
height:550px;
width: 664px;
}
body.fullscreen #header{
z-index:0
}
div.inner-smallest-without-width {
text-align: left;
/*width: 744px;*/
position: relative;
}
div.forms-item {
position: relative;
}
#mainInner div.forms-item div.errorInfo {
background: url("../images/bg-inform.png") no-repeat scroll 0 50% transparent;
color: #f00;
font-size: 11px;
left: 36%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 25px;
padding-top: 7px;
position: absolute;
top: -23px;
width: 140px;
}
#mainInner div.forms-item div.errorInfo1 {
background: url("../images/img_old/bg-inform_large.png") no-repeat transparent;
background-position: 50% 50%;
color: #f00;
font-size: 11px;
left: 66px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 25px;
padding-top: 25px;
position: absolute;
top: -32px;
width: 160px;
height: 70px;
}
.subscribe {
padding-left: 20px;
}
#selectedModel {
width: 205px;
}
.error1 {
margin-top: 40px !important;
border: 1px solid #F00 !important;
}