html, body {
height:100%;
margin:0px;
}
body {
width: 100%;
background-color: #FFFFFF;
position:relative;
background: #FFFFFF url('../images/body.gif') repeat top;
}
html>body {
min-height:100%;
height:auto;
}
img {
border: none;
}
form {
margin: 0px;
padding: 0px;
display: block;
}
ul, li, input {
margin: 0px;
padding: 0px;
}
.clear {
clear: left;
}
#container {
padding-top: 10px;
padding-bottom: 20px;
margin: 0px auto;
width: 800px;
}
#main_container_top {
padding: 0px;
padding-top: 23px;
width: 800px;
background: url('../images/top_bor.gif') no-repeat top;
}
#gray_back_top {
margin: 0px;
width: 800px;
background-color: #D9D9D9;
}
#top {
margin-left: 9px;
height: 114px;
width: 781px;
background: #FFFFFF url('../images/shadow.gif') repeat-x bottom;
}
#logo {
padding-top: 10px;
margin-left: 30px;
height: 77px;
width: 59px;
float: left;
}
*html #logo {
margin-left: 15px;
}
#slogan_container {
margin-left: 10px;
margin-top: 30px;
width: 320px;
float: left;
}
#big_slogan {
font: bold 23px Arial, Helvetica, Sans Serif;
color: #C3392C;
text-transform: uppercase;
}
#small_slogan {
font: bold 11px Arial, Helvetica, Sans Serif;
color: #5D5F64;
text-transform: uppercase;
}
#top_menu_container {
margin-left: 113px;
margin-top: 37px;
width: 235px;
float: left;
}
.top_icon {
width: 9px;
height: 9px;
margin-left: 42px;
float: left;
margin-top: 7px;
}
.top_icon_first {
margin-left: 42px;
width: 9px;
height: 9px;
float: left;
margin-top: 7px;
}
*html .top_icon_first {
margin-left: 21px;
}
#eng a {
margin-top: 5px;
margin-left: 39px;
padding: 1px 7px;
float: left;
background-color: #C3392C;
font: 14px Arial, Helvetica, Sans Serif;
color: #FFFFFF;
text-decoration: none;
}
#eng a:hover {
background-color: #D9D9D9;
}
#menu {
margin-left: 9px;
width: 781px;
height: 33px;
background: #fe3360 url('../images/menu2.gif') no-repeat top;
text-align: center;
}
.test {
font: bold 16px/34px Arial, Helvetica, Sans Serif;
color: #FFFFFF;
}
#menu ul {
margin-left: 165px;
padding-top: 7px;
}
#menu ul li {
float: left;
margin-right: 34px;
list-style-type: none;
}
#menu ul li a{
font: bold 12px Arial, Helvetica, Sans Serif;
color: #FFFFFF;
text-decoration: none;
}
#menu ul li a:hover{
text-decoration: underline;
}
#left_menu {
padding: 0px;
margin-left: 9px;
padding-right: 0px;
text-align: left;
width: 212px;
height: 206px;
background: #528dd5 url('../images/left_menu.gif') no-repeat bottom;
float: left;
}
*html #left_menu {
margin-left: 4px;
padding-left: 1px;
}
#left_menu ul {
margin-left: 22px;
padding-top: 8px;
}
#left_menu ul li {
list-style-type: none;
}
#left_menu ul li a {
font: bold 12px/22px Arial, Helvetica, Sans Serif;
color: #FFFFFF;
text-decoration: underline;
}
#left_menu ul li a:hover {
text-decoration: none;
}
#left_menu_header {
margin-left: 22px;
padding-top: 19px;
margin-bottom: 5px;
text-transform: uppercase;
font: bold 14px/20px Arial, Helvetica, Sans Serif;
color: #FFFFFF;
}
#big_img {
width: 565px;
height: 206px;
margin-left: 4px;
background: url('../images/flash_back.jpg') no-repeat bottom;
float: left;
}
#main_container_bottom {
position: relative;
top: 9px;
padding: 0px;
padding-bottom: 15px;
width: 800px;
background: url('../images/bottom_border.gif') no-repeat bottom;
}
#gray_back_bottom {
margin: 0px;
width: 800px;
background-color: #D9D9D9;
}
#white_back_bottom {
margin: 0px;
margin-left: 10px;
width: 759px;
padding: 35px 10px 10px 10px;
background: #FFFFFF url('../images/bottom_top_round.gif') no-repeat top;
}
#left_column {
width: 183px;
margin: 0px;
padding: 0px;
padding-top: 3px;
margin-right: 31px;
margin-left: 3px;
margin-bottom: 35px;
float: left;
}
#left_column_small_img {
width: 183px;
height: 75px;
margin-bottom: 5px;
}
#left_column_big_img {
width: 183px;
height: 165px;
margin-bottom: 15px;
}
.left_column_counter {
margin-bottom: 10px;
}
#center_column {
margin: 0px;
padding: 0px;
margin-right: 29px;
width: 270px;
float: left;
margin-bottom: 35px;
}
#text_content {
font: 12px Arial, Helvetica, Sans Serif;
width: 508px;
float: left;
margin-bottom: 35px;
}
.big_header {
font: bold 18px Arial, Helvetica, Sans Serif;
color: #444444;
margin-bottom: 15px;
}
#production_big_img {
width: 270px;
height: 125px;
font: bold 11px Arial, Helvetica, Sans Serif;
color: #444444;
background: #FFFFFF url('../images/dotted.gif') repeat-x bottom;
}
#production_big_img img {
padding: 0px;
margin: 0px 0 7px 0;
}
.production {
width: 270px;
background: #FFFFFF url('../images/dotted.gif') repeat-x bottom;
padding: 0px 0px 0px 0px;
}
.production_img {
padding: 13px 0px 13px 0px;
float: left;
}
.production_img img {
border: 1px solid #797979;
}
.production_text_header {
font: bold 12px Arial, Helvetica, Sans Serif;
color: #C3392C;
width: 185px;
}
.production_text {
padding: 13px 0px 13px 0px;
font: 12px Arial, Helvetica, Sans Serif;
color: #444444;
padding-left: 10px;
width: 185px;
float: left;
}
.production_text a{
font: 12px Arial, Helvetica, Sans Serif;
color: #326db5;
text-decoration: none;
}
.production_text a:hover{
color: #c83024;
}
.mega_link {
margin: 13px 0px 0px 0px;
}
.mega_link a{
font: bold 12px Arial, Helvetica, Sans Serif;
color: #00557e;
text-decoration: underline;
padding-right: 15px;
background: #FFFFFF url('../images/arrow.gif') no-repeat right center;
}
.mega_link a:hover{
color: #c53a2d;
text-decoration: none;
}
.mega_link_right {
margin: 0px 0px 0px 70px;
}
.mega_link_right a{
font: bold 12px Arial, Helvetica, Sans Serif;
color: #00557e;
text-decoration: underline;
padding-right: 15px;
background: #FFFFFF url('../images/arrow.gif') no-repeat right center;
}
.mega_link_right a:hover{
color: #c53a2d;
text-decoration: none;
}
#right_column {
margin: 0px;
margin-bottom: 35px;
padding: 0px;
width: 235px;
float: left;
}
#news_container {
padding-bottom: 20px;
margin-bottom: 13px;
background: #FFFFFF url('../images/dotted.gif') repeat-x bottom;
}
.news {
font: 12px Arial, Helvetica, Sans Serif;
color: #8b9092;
width: 237px;
margin-top: 15px;
}
.news a {
font: 12px Arial, Helvetica, Sans Serif;
color: #00557e;
text-decoration: underline;
}
.news a:hover {
color: #c53a2d;
text-decoration: none;
}
.action {
margin: 0px;
padding: 0px;
padding-bottom: 13px;
}
.action_img {
width: 60px;
height: 47px;
margin-right: 10px;
float: left;
}
.action_text {
font: 13px Arial, Helvetica, Sans Serif;
color: #8b9092;
width: 165px;
float: left;
}
.action_text a {
font: 12px Arial, Helvetica, Sans Serif;
color: #00557e;
text-decoration: underline;
}
.action_text a:hover {
color: #c53a2d;
text-decoration: none;
}
#underline_container {
margin: 0px auto;
width: 759px;
height: 40px;
background: #FFFFFF url('../images/underline.gif') repeat-x top;
clear: left;
}
#copy {
padding: 18px 80px 10px 20px;
font: 12px Arial, Helvetica, Sans Serif;
color: #787878;
float: left;
}
#copy a{
font: 12px Arial, Helvetica, Sans Serif;
color: #00557e;
text-decoration: underline;
margin: 0px 2px;
}
#copy a:hover {
color: #c53a2d;
text-decoration: none;
}
#underline_menu ul{
padding: 15px 85px 10px 0px;
float: left;
}
#underline_menu ul li {
padding-left: 10px;
float: left;
list-style-type: none;
padding-right: 10px;
background: #FFFFFF url('../images/delimiter.gif') no-repeat right center;
}
#underline_menu ul li.last {
padding-right: 0px;
background: none;
}
#underline_menu a {
font: 12px Arial, Helvetica, Sans Serif;
color: #787878;
text-decoration: none;
}
#underline_menu a:hover {
text-decoration: underline;
}
#logo2be {
width: 77px;
height: 13px;
margin-top: 18px;
float: left;
}
/*-----------Стили для Каталога--------------*/
#search_model, #search_model input, #search_model select {
font: 12px Arial, Helvetica, Sans Serif;
color: #787878;
}
#search_model, #search_model input#button {
color: #444444;
}
#search_model select {
margin-right: 20px;
margin-bottom: 15px;
}
*html #search_model select {
margin-bottom: 0px;
}
#search_model input {
margin-bottom: 15px;
margin-right: 10px;
vertical-align: top;
}
#cat_text {
font-size: 10px;
padding-bottom: 5px;
}
#cat_text2 {
font-size: 10px;
padding-bottom: 5px;
}
.production_img_catalog {
width: 98px;
height: 120px;
margin-bottom: 30px;
float: left;
}
.production_text_catalog {
font: 12px Arial, Helvetica, Sans Serif;
color: #444444;
margin-right: 110px;
width: 700px;
padding-bottom: 15px;
float: left;
}
*html .production_text_catalog {
margin-right: 100px;
}
.production_catalog table {
width: 520px;
border-collapse: collapse;
}
.production_catalog table td {
text-align: center;
padding: 6px 10px;
color: #787878;
border: 1px solid #444444;
}
.production_catalog table th {
padding: 6px 10px;
font: 12px Arial, Helvetica, Sans Serif;
color: #c53a2d;
border: 1px solid #444444;
}
.production_catalog table a{
font: 12px Arial, Helvetica, Sans Serif;
color: #00557e;
text-decoration: underline;
margin: 0px 2px;
}
.production_catalog table a:hover {
color: #c53a2d;
text-decoration: none;
}
/*-----------Стили для Пейджера--------------*/
#pager {
padding-top: 20px;
padding-bottom: 20px;
}
#pager a {
font: bold 12px Arial, Helvetica, Sans Serif;
color: #787878;
text-decoration: none;
}
#pager a:hover {
color: #000000;
}
.pager_static {
font: bold 12px Arial, Helvetica, Sans Serif;
color: #000000;
}
/*------Контакты------*/
#text_content form#contacts_form input#create {
margin-top: 15px;
margin-bottom: 15px;
}
/*-------Прайс--------*/
.price {
font: 12px Arial, Helvetica, Sans Serif;
color: #00557e;
}
.price:hover {
color: #c53a2d;
text-decoration: none;
}
/*---Стили для поп-ап окошка---*/
.pop {
padding: 20px 20px;
}
.pop_img {
float: left;
}
.pop_img img {
margin-left: 15px;
border: 1px solid #797979;
}
.pop_text {
font: 12px Arial, Helvetica, Sans Serif;
color: #444444;
padding-left: 10px;
width: 300px;
float: left;
}
/*.pop_text a {
font: 12px Arial, Helvetica, Sans Serif;
color: #326db5;
text-decoration: none;
}
.pop_text a:hover {
color: #c83024;
}*/
#all_cars {
padding-left: 15px;
padding-top: 25px;
}
.gray_cars {
background-color: #e6e6e6;
}
/*-------Стили для прайс-листа---*/
#form_data {
font: 12px Arial, Helvetica, Sans Serif;
color: #787878;
}
#form_data .header {
display: block;
height: 15px;
color: #000000;
font: 12px Arial, Helvetica, Sans Serif;
margin-bottom: 5px;
}
#form_data input {
margin-top: 5px;
margin-bottom: 10px;
width: 300px;
font: 12px Arial, Helvetica, Sans Serif;
color: #000000;
}
#form_data input#create {
width: 80px;
}