body {padding: 0; margin: 0; background: #fff; } body, table, input, textarea, select { font-family: Verdana, sans-serif; color: #000; font-size: 11px; } table td { vertical-align:top; } img { border: 0; } #container {width: 990px; float:left; clear:both; border-right: 1px solid #E4E2E2;} #main {width:795px;float:right;clear:both; background:url(/img/top_bg.gif) repeat-x;} /**верхнее меню**/ #top_menu {position:relative;margin-left: 5px;height: 75px; background: url(/img/logo_saab.jpg) top right no-repeat; border-bottom: 1px solid #E4E2E2; border-left: 1px solid #E4E2E2;} #top_menu ul {float:left; list-style: none;background: #E4E3E3; margin:0; padding:0;text-transform: uppercase;} #top_menu ul li {float:left;} #top_menu a {color:#666666; font-size:10px; font-weight: bold; text-decoration: none;display:block; padding:10px 13px 13px;} #top_menu ul li ul {background: #fff; width: 650px;} #top_menu ul li ul li {float:left;} #top_menu a:hover {color:#499DD0;} #top_menu .sub {position:absolute; left:5px; background: transparent; padding-top:5px; display:none;} #top_menu .sub a {text-transform:none;} #top_menu .active { background:#FFF;} #top_menu .active a {color:#499DD0;} #top_menu ul li ul a {font-size:9px;color:#499DD0;} #top_menu.article {margin:0;} #logo_saab {position:absolute; top:0; right: 0;display:block; width:40px; height: 50px;} /**блок с фоткой с серым толстым бордером**/ #border_left {height: 398px;background:url(/img/border.jpg) repeat-y left;position:relative;} /**коллаж**/ div.collage {text-align:right;} /**меню на коллаже**/ div.small_menu {position:absolute; top:195px; left: 30px;} div.s_menu { display:none;} div.s_menu#s_menu1 {display:block;} div.small_menu ul {padding:15px 0 0 0; margin:0; list-style:none; border-top: 1px solid #ECF0F3; width:260px;} div.small_menu ul li {padding-left:15px; background: url(/img/arrow.gif) left center no-repeat; line-height: 16px;} div.small_menu a {color:#6F8B9F; text-transform: uppercase; text-decoration:none; font-size:9px; font-weight:bold;} /**левая колонка**/ #left_col {width:195px; float:left;} #logo_major {display:block; width:190px; height: 70px;} #logo_left {height: 75px; background: url(/img/logo_major.gif) 7px 25px no-repeat; border-bottom: 1px solid #E4E2E2;} #left_col .adr { padding:0 20px 15px; text-transform:none; font-family:Verdana,sans-serif; font-size:11px; } /**модельный ряд в левой колонке**/ #cars {height: 310px; padding-top:12px; background: #F0F0F0;} #cars div {margin:0 0 0 20px;} #cars div a {display:block; width:130px; height: 60px; padding-right:30px; cursor:pointer;} #cars a {background:none;} #car1 {background: url(/img/Collage1s.jpg) top left no-repeat;} #car2 {background: url(/img/Collage2s.jpg) top left no-repeat;} #car3 {background: url(/img/Collage3s.jpg) top left no-repeat;} #car4 {background: url(/img/Collage4s.jpg) top left no-repeat;} #car5 {background: url(/img/Collage5s.jpg) top left no-repeat;} #car1 a:hover {background: url(/img/Collage1s_hover.jpg) top left no-repeat;} #car2 a:hover {background: url(/img/Collage2s_hover.jpg) top left no-repeat;} #car3 a:hover {background: url(/img/Collage3s_hover.jpg) top left no-repeat;} #car4 a:hover {background: url(/img/Collage4s_hover.jpg) top left no-repeat;} #car5 a:hover {background: url(/img/Collage5s_hover.jpg) top left no-repeat;} /**меню в левой колонке под машинками на главной**/ #left_menu_main {height:155px; text-transform: uppercase; font-size:10px; background: url(/img/border_left.gif) #8BA7B6 bottom repeat-x;} #left_menu_main ul {padding:20px; margin: 0; list-style:none;} #left_menu_main a {padding: 2px 0 0 5px;text-decoration:none; color:#fff; font-weight: bold; display:block; background: url(/img/left_menu.jpg) no-repeat top left; width:148px; height:19px;} /**меню в левой колонке на внутренней**/ #left_menu {background:#8BA7B6; min-height: 250px; text-transform: uppercase; font-size:9px; height:250px;} html>body #left_menu { height:auto; } #left_menu ul {padding:10px; margin: 0; list-style:none;} #left_menu ul li {padding:0px; border:1px solid #8BA7B6;} #left_menu a {padding:4px 0 4px 7px; margin: 0;display:block;text-decoration:none; color:#fff; font-weight: bold; } #left_menu a:hover, .active {background: #5F8195;} #left_menu .lv4 { text-transform:none; } #left_menu .lv4 a { padding:2px 25px; } #left_menu .lv4 a:hover, .active001 { background:url(/img/arrow_left.gif) no-repeat 16px 6px; } /**правая колонка**/ #right_col {width:215px;float:right;} /**центральная колонка**/ #center {float:left; clear:both; width:580px;} /**содержание**/ #content {float:left;padding:7px 0 15px 20px; width:560px; height:225px; min-height:225px; } html>body #content { height:auto; } #content p {margin: 0 0 15px 0;} h1 {position:relative;color:#5F8195;font-size: 14px;margin:0;} #content a {color: #557DA4; text-decoration:none;} #content a:hover {color: #6A9CCD} #content a:visited {color: #6A9CCD} #content_menu {margin: 40px 0 100px 0;list-style:none; text-transform: uppercase;padding:0; font-weight:bold;} #content p, #content h1, #content table{ margin-bottom: 8px;} .diva001 { padding-left: 15px; margin-top: 24px; background: url(/img/arrow.gif) no-repeat 0px 2px;} .diva001 a { font-size: 10px; color: black!important;} .diva001 a:hover { color: #E3772E!important;} #content_menu a {text-decoration:none;color:#ACACAC;display:block; cursor:pointer;} #content_menu a:hover {color: #5F819A;} div.complect {position: absolute; display:none; float:left; top:475px; left:350px; width: 415px;} div.complect#complect3 {display:block;} div.complect img {float:left; margin:0 40px 30px 0;} /**акции**/ #actions {height: 132px; padding:23px 0 0 23px;} #actions div {float:left; width:169px; margin:0 17px 0 0;background: url(/img/shadow.jpg) 1px 1px no-repeat;} #actions p {padding:0; margin:0;} #actions img {margin-bottom: 5px;} #actions a {text-decoration: none;color: #2e2e2e;} #actions a:hover {color:#6a9ccd;} a.action {background:url(/img/arrow.gif) left center no-repeat;padding-left:15px; display: block; font-weight:bold;} #actions.article {padding-top:15px;} #actions.article div {float:left; clear:both; margin:0;} #actions.article p {margin-bottom: 15px;} /**центральное меню на внутренней**/ #main_menu {border-top: 1px solid #FFF;float:left; width: 580px; font-weight: bold; text-transform: uppercase; padding-bottom:5px; background: url(/img/main_menu_bg2.gif) #89A6B7 bottom repeat-x;} #main_menu ul {float:left;list-style:none;margin:0;padding: 0; background: url(/img/main_menu_bg.gif) repeat-x;} #main_menu li {float:left; width: 192px; text-align:center; border-left: 1px solid #A0A0A0;} #main_menu li.border_right {border-right: 1px solid #A0A0A0;} #main_menu a {text-decoration: none; color: #FFF; padding:5px 0 5px 0;display:block; background: url(/img/main_menu_bg.gif) repeat-x;} #main_menu a:hover {background:url(/img/main_menu_on.gif) #677D91 top repeat-x; cursor:pointer; } /**дополнительной меню в левой колонке на внутренней**/ #left_menu2 {font-weight: bold; text-transform: uppercase;width:145px; margin: 20px;font-size:10px;} #left_menu2 ul {list-style:none;margin:0;padding: 0;} #left_menu2 li {margin:0 0 10px 0;padding:0 3px 3px 0;background: url(/img/shadow_menu.gif) bottom right no-repeat;} #left_menu2 a {color:#FFF; text-decoration:none;padding:2px 0 2px 7px;display:block;border: 1px solid #9B9B9B; background: url(/img/left_menu_bg.gif) #9B9B9B top repeat-x} #left_menu2 a:hover {color:#EDEDED;} /**футер**/ #footer {height:80px; padding-top:6px;clear:both; width: 990px; text-align:center; background: url(/img/border_main.gif) repeat-x;} #footer a {text-decoration:none; color:#000;} #footer a:hover {color:#6a9ccd;} #footer p.center {line-height:20px;background:#f2f2f2;height: 25px; margin:0;} #footer div {text-align: left; margin-left:20px;} #footer .left {width:165px; float:left;} #footer .right {float:right; width:80%; font-size:9px;} /**стили для окошка с серым фоном**/ #gray {background: #DDDBDC;} #gray h1 {color:#000; font-size:11px;margin-bottom:10px;} #gray #container {width: 390px;} #gray #container div {background: #FFF;padding:20px;} .close {margin:0; padding:5px;text-align:right;} .close a {color:#000; font-size:10px; background: url(/img/arrow_box.gif) left center no-repeat; padding-left: 15px; text-decoration:none;} .close a:hover {color: #5F8195;} #empty { background:#DDDBDC;} #empty .img { display:block; } #empty .link { background:#DDDBDC; height:21px; } #empty .link a { float:right; padding:4px 14px; color:#000; text-decoration:none; background:url(/img/arrow.gif) no-repeat 0 7px; } #empty .body { background:#FFF; } #empty .text { padding:20px; font-size:10px; color:#323232; font-family:Verdana,Sans-serif; } #empty h1 { font-size:11px; font-weight:bold; color:#323232; font-family:Verdana,Sans-serif; } /* Стили для таблиц "Комплектации" */ table.komplekt001 { border-collapse: collapse; border: 0; color: #557DA4; font-size: 10px; width: 100%;} table.komplekt001 td, table.komplekt001 th { padding-left: 15px; padding-top: 3px; padding-bottom: 3px;} table.komplekt001 a { text-transform: none; font: Verdana!important; color: #557DA4!important;} table.komplekt001 a:hover { color: #6A9CCD!important;} table.komplekt001 td.gray { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; background: url(/img/Yarrow.gif) no-repeat 4px 6px #F2F2F2;} table.komplekt001 td.white { background: url(/img/Yarrow.gif) no-repeat 4px 6px #FFF; border-bottom: 1px solid #E7E7E7;} table.komplekt001 td.gray2 { background: none; background-color: #F2F2F2; font-weight: bold; text-align: right; vertical-align: top; color: black; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7;} table.komplekt001 td.white2 { background: none; background-color: #FFF; font-weight: bold; text-align: right; vertical-align: top; color: black; border-bottom: 1px solid #E7E7E7;} table.komplekt001 td.color_black { /*background: #F2F2F2;*/ color: black; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7;} table.komplekt001 td.header, table.komplekt001 th.header { padding-left: 0px; background: #FFF; font-weight: bold; color: black; font-size: 10px;} table.komplekt001 .grayforblack {background-color: #F2F2F2;} /* Стили для таблиц "Дополнительное оборудование" */ table.dooborud001 { border-collapse: collapse; border: 1px solid #E7E7E7; color: #000; font-size: 10px; width: 100%; font: Verdana!important;} table.dooborud001 th { background: #91A5B5; color: #FFF; padding: 3px 18px; border: 1px solid #E3E2E2;} table.dooborud001 td { text-align: center; border: 1px solid #E7E7E7;} table.dooborud001 th.left { text-align: left; padding: 0 0 0 5px;} table.dooborud001 td.left { text-align: left; padding-left: 14px;} table.dooborud001 td div.head { text-transform: uppercase; font-weight: bold; margin-left: -7px;} table.dooborud001 td.gray, table.dooborud001 td.white { vertical-align: middle;} table.dooborud001 td.gray { background: #F3F3F3;} table.dooborud001 td.white { background: #FFF;} table.dooborud002 { border: 0; font: 9px Verdana;} table.dooborud002 td.top { width: 71px; background:url(/img/arrow.gif) no-repeat 0 2px; padding-left: 13px;} table.dooborud002 td.top a { cursor: pointer; color: #000!important;} table.dooborud002 td.exclam { background: url(/img/exclam.gif) no-repeat 0 2px; padding-left: 5px;} table.dooborud003 { border-collapse: collapse; border: 1px solid #E7E7E7; color: #000; font-size: 10px; width: 100%; font: Verdana!important;} table.dooborud003 th { background: #91A5B5; color: #FFF; padding: 3px 18px!important; border: 1px solid #E3E2E2;} table.dooborud003 td { text-align: center; vertical-align: middle!important; border: 1px solid #E7E7E7;} table.dooborud003 th.left { text-align: left; padding: 0 0 0 5px!important; text-transform: uppercase;} table.dooborud003 td.left { text-align: left; padding-left: 14px;} table.dooborud003 a { text-transform: none; font: Verdana!important; color: #557DA4!important;} table.dooborud003 a:hover { color: #6A9CCD!important;} table.dooborud003 td, table.dooborud003 th { padding: 3px 0;} table.dooborud003 td.gray { background: #F3F3F3;} table.dooborud003 td.white { background: #FFF;} div.yarrow { width: 8px; height: 12px; float: left; background: url(/img/Yarrow.gif) no-repeat 2px 3px;} img.exclam { margin: 0 4px;} /* Стили для таблиц "Технические спецификации" */ table.dooborud004 { border-collapse: collapse; border: 1px solid #E7E7E7; color: #000; font-size: 10px; width: 100%; font: Verdana!important;} table.dooborud004 .white { background: #FFF;} table.dooborud004 th { text-align: left; background: #91A5B5; color: #FFF; padding-right: 3px!important;} .left { text-align: left!important;} /*.right { text-align: right!important;} */ table.dooborud004 td { text-align: left; vertical-align: middle!important; border: 1px solid #E7E7E7;} table.dooborud004 th.bold, table.dooborud004 td.bold { color: #6A8093; font-weight: bold; width: 150px;} table.dooborud004 a { text-transform: none; font: Verdana!important; color: #557DA4!important;} table.dooborud004 a:hover { color: #6A9CCD!important;} table.dooborud004 td, table.dooborud004 th { padding: 4px 0 6px 6px;} table.dooborud004 td.gray { background: #F3F3F3;} #tcars div a {display:block; height: 51px;} div.s_menu_tc {display:none;} div.s_menu_tc#ts_menu1 {display:block;} #tcar1, #tcar2, #tcar3 {width: 120px; height: 51px;} #tcar1 a:hover, #tcar2 a:hover, #tcar3 a:hover {width: 120px; height: 51px;} /* 9-3 Sport Sedan */ #tcar1 {background: url(/Files/Objects/495.jpg) top left no-repeat;} #tcar2 {background: url(/Files/Objects/496.jpg) top left no-repeat;} #tcar3 {background: url(/Files/Objects/497.jpg) top left no-repeat;} #tcar1 a:hover {background: url(/Files/Objects/498.jpg) top left no-repeat;} #tcar2 a:hover {background: url(/Files/Objects/499.jpg) top left no-repeat;} #tcar3 a:hover {background: url(/Files/Objects/500.jpg) top left no-repeat;} /* 9-3 Sport Combi */ #tcar4 {background: url(/Files/Objects/504.jpg) top left no-repeat;} #tcar5 {background: url(/Files/Objects/505.jpg) top left no-repeat;} #tcar6 {background: url(/Files/Objects/506.jpg) top left no-repeat;} #tcar4 a:hover {background: url(/Files/Objects/507.jpg) top left no-repeat;} #tcar5 a:hover {background: url(/Files/Objects/508.jpg) top left no-repeat;} #tcar6 a:hover {background: url(/Files/Objects/509.jpg) top left no-repeat;} /* 9-3 Convertible */ #tcar7 {background: url(/Files/Objects/513.jpg) top left no-repeat;} #tcar8 {background: url(/Files/Objects/514.jpg) top left no-repeat;} #tcar9 {background: url(/Files/Objects/515.jpg) top left no-repeat;} #tcar7 a:hover {background: url(/Files/Objects/516.jpg) top left no-repeat;} #tcar8 a:hover {background: url(/Files/Objects/517.jpg) top left no-repeat;} #tcar9 a:hover {background: url(/Files/Objects/518.jpg) top left no-repeat;} /* 9-5 Sedan */ #tcar10 {background: url(/Files/Objects/495.jpg) top left no-repeat;} #tcar11 {background: url(/Files/Objects/496.jpg) top left no-repeat;} #tcar12 {background: url(/Files/Objects/497.jpg) top left no-repeat;} #tcar10 a:hover {background: url(/Files/Objects/498.jpg) top left no-repeat;} #tcar11 a:hover {background: url(/Files/Objects/499.jpg) top left no-repeat;} #tcar12 a:hover {background: url(/Files/Objects/500.jpg) top left no-repeat;} /* 9-5 Combi */ #tcar10 {background: url(/Files/Objects/525.jpg) top left no-repeat;} #tcar11 {background: url(/Files/Objects/526.jpg) top left no-repeat;} #tcar12 {background: url(/Files/Objects/527.jpg) top left no-repeat;} #tcar10 a:hover {background: url(/Files/Objects/528.jpg) top left no-repeat;} #tcar11 a:hover {background: url(/Files/Objects/529.jpg) top left no-repeat;} #tcar12 a:hover {background: url(/Files/Objects/530.jpg) top left no-repeat;} /* Фотогалерея */ table.photogal001 img { margin: 2px; cursor: pointer;} table.photogal001 .sepor { padding-bottom: 10px;} /* Стили для раздела "Цвета" */ div.color001 {border: 1px solid black;} div.color001 img { margin-left: 1px;} table.colors001 td { padding: 3px; text-align: center; width:58px; } table.colors001 div { width: 62px; height: 45px;} table.colors001 .img { border: 1px solid #FFF; padding:2px;} table.colors001 img { cursor: pointer; display:block;} table.colors001 .left { text-align:left; padding-left:8px; } .newstable { border-collapse:collapse; width: 100%;} .newstable td, .newstable th {border: 1px solid #ccc; padding:3px ;} .newstable th {background: #ccc; color: #fff;} .newstable .left { width: 200px; font-weight: bold;}