body { margin: 0; padding: 0; background: #FFF; width:100%; text-align:center; } body, p, table { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: 13px; } img { border: 0; } a:link { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; } a:visited { text-decoration: none; color: #000; } a:active { text-decoration: none; color: #000; } h1 { color: #CE0000; font-size: 12px; } h2 { font-size: 11px; color: #CE0000; } p { text-align: justify; } .rightside { float: right; margin: 5px 0px 5px 6px; } .leftside { float: left; margin: 5px 6px 5px 0px; } .leftside2 { float: left; margin: 5px 6px 5px 40px; } .aksObj { float: left; margin: 0 15px 15px 0; width: 168px; } .aksObj img { display: block; border: 1px solid #000; margin: 0 4px 8px 4px; } .clear { clear:both; font-size:0px; line-height:0px; } #site { text-align:left; width:780px; margin:0 auto; } .red { color: #CE0000; } .logo { float:left; width: 318px; background: #CC0000; text-align: right; } .secondMap { float:right; } #company { float:right; margin-top:-14px; color: #9C9A9C; font-size: 9px; } #company a { color: #9C9A9C; font-size: 10px; } .grey { background: #cecfce; } .mainBanner { border-bottom: 1px solid #FFF; height: 158px; } #topMenu { height: 21px; width: 780px; background: #000; } #topMenu a { display: block; float: left; color: #FFF; font-weight: bold; /* чтоб велосипеды уместились padding: 0 20px; */ padding: 0 20px; border-right: 1px solid #FFF; margin-top: 4px; } #topMenu a.brd0 { border: 0; } #topMenu .active { color: #CECFCE; } .mainTable { border-top: 1px solid #FFF; width: 780px; min-height:700px; height:700px; } .rightTd { background: #636563; padding: 23px 10px 10px 20px; border-left: 1px solid #FFF; width: 169px; } .rightTd div { margin-top: 20px; } .marg20 { margin-top: 20px; } .search { font-size: 9px; font-weight: bold; width: 125px; padding: 0 2px; height: 16px; } #news { background: #E7E7E7; float: right; width: 260px; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 30px 0 10px 0; color: #666; font-size: 9px; } #news div { margin: 0 10px 0 10px; } #news p { font-size: 9px; color: #666; text-align:left; } #news p img { display: block; float: left; margin: 3px 5px 7px 0; } #news a { color: #666; font-size: 9px; } .select { font-size: 9px; font-weight: bold; width: 144px; } .copyright { background: #cecfce; padding: 70px 0 10px 20px; font-size: 9px; } #sideMenu { margin-left:420px; margin-top:50px; *margin:auto; position:absolute; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; width: 159px; margin-bottom:30px; overflow:hidden; } #sideMenu .second { display: block; background: url(/red_bullet.gif) no-repeat 0 4px; padding: 3px 10px; margin-left: 15px; color: #636563; font-weight: bold; font-size: 10px; } #sideMenu .secondActive { display: block; background: url(/light_bullet.gif) no-repeat 0 4px; padding: 3px 10px; margin-left: 15px; color: #9C9AA5; font-weight: bold; font-size: 10px; } #sideMenu .third { display: block; background: url(/dark_bullet.gif) no-repeat 0 5px; padding: 3px 10px; margin-left: 25px; color: #636563; font-weight: bold; font-size: 10px; } #sideMenu .thirdActive { display: block; background: url(/light_bullet.gif) no-repeat 0 4px; padding: 3px 10px; margin-left: 25px; color: #9C9AA5; font-weight: bold; font-size: 10px; } #sideMenu .fouth { display: block; background: url(/dark_bullet.gif) no-repeat 0 5px; padding: 3px 10px; margin-left: 35px; color: #636563; font-weight: bold; font-size: 10px; } #sideMenu .fouthActive { display: block; background: url(/light_bullet.gif) no-repeat 0 4px; padding: 3px 10px; margin-left: 35px; color: #9C9AA5; font-weight: bold; font-size: 10px; } .title { border-top:1px solid #FFF; border-bottom: 1px solid #FFF; text-align:right; color:#9C9A9C; font-size:12px; font-weight:bold; padding-right:5px; line-height:29px; background:#E7E7E7; } .collage1 { float:left; border-right:1px solid #FFF; width:318px; } .collage1 .img { width:318px; } .collage2 { float:right; border-bottom:1px solid #FFF; } .collage2 .img { width:101px; } .collage3 { float:left; } .collage3 img { border-bottom:1px solid #FFF; } .content { padding: 0px 10px 10px 20px; width: 385px; *width:410px; } .content h1 { padding-top:30; } /* таблица для тех характеристик */ table.tech { width: 390px; background-color:#FFF; font-size:9px; border-collapse: collapse; border: 2px solid #999; } table.tech tr.gray { background-color: #E6E6E6; } table.tech td.sec { text-align: center; width: 50%; } table.tech td { border: 1px solid #999; padding:1px 4px;} table.tech th { background-color:#676767; text-align:left; color:#FFF; font-size:11px; padding:1px 4px; border: 1px solid #999; border-top: 3px solid #999; } table.tech th.sec { text-align:center; } table .tiny td.sec, table .tiny th.sec { text-align: center; width: 5%; padding:1px 2px; } #und a { text-decoration: underline } #und a:hover { text-decoration: none; } #seachTbl { margin: 20px 0; border: 1px solid #FFF; } #seachTbl td { padding: 5px; } #seachTbl a { text-decoration: underline; font-weight: bold; } #seachTbl a:hover { text-decoration: none; } #faqForm input, textarea { width: 200px; } #faqForm select { width: 206px; } #faqForm .subm { width: 205px; background: #E6E6E6; border: 1px solid #FFF; } .subm { width: 100px; background: #E6E6E6; border: 1px solid #FFF; } /* для моделей */ div.movingmodels {border-top: 0; border-left: 0; width: 400px} .movingmodels table { width: 400px; background-color: #cecfce; border-collapse: collapse; border-bottom: 1px solid #fff; } .movingmodels td { text-align: left; padding: 1px 3px ; width: 100px; } .movingmodels td p { color: #666; font-weight: bold; font-size: 11px; margin:0; padding:0; text-align:left; } .movingmodels th { text-align: left; background-color: #FFFFFF; width: 100px; } .movingmodels .separator td { height: 3px; background: #cecfce; border: 1px solid #fff; border-left: 0; border-bottom: 0; } .movingmodels .separator th { height: 2px; background: #cecfce; border: 1px solid #fff; border-left: 0; border-top: 0; } .movingmodels th.right { width: 3px; border: 0; border-right: 1px solid #FFF; background: #cecfce; padding: 0; } .movingmodels td.right { width: 3px; border: 0; border-right: 1px solid #FFF; padding: 0; } .movingmodels th.left { width: 13px; border: 0; background: #cecfce; padding: 0; } .movingmodels td.left { width: 13px; border: 0; padding: 0; } .movingmodels th img { cursor: pointer; } #info { } #info div { position:absolute; width: 135px; height: 200px; padding: 5px; display:none; background-color:#FFFFFF; } #info img { } #info .strelka { right:5px; bottom: 5px; } #m234 { position: relative; top: -1px; left: 0px; margin-left: 0px; } #m567 { position: relative; top: -2px; left: 0px; } /* майлформы */ input.cool, textarea.cool { width: 230px; border:1px solid #000; overflow: hidden; } table.cool { text-align:left; width:390px; } table.cool th { text-align:right; padding-right: 5px; font-weight: normal; } /* Дизайн > Узнаваемый силуэт */ table#article26 { border: 1px solid #fff; border-collapse: collapse; width: 390px; } #article26 td, #article26 th { border: 1px solid #fff; width: 119px; padding: 5px; text-align: center; } #article26 th { background-color: #dedede; } #article26 td { height: 20px; } .imp { font-weight: bold; text-decoration: underline; color: #CE0000; } #map .first { display: block; background: url(/red_bullet.gif) no-repeat 0 4px; padding: 3px 10px; margin-left: 15px; color: #636563; font-weight: bold; font-size: 10px; } #map .second { display: block; background: url(/light_bullet.gif) no-repeat 0 5px; padding: 3px 10px; margin-left: 25px; color: #636563; font-weight: bold; font-size: 10px; } #map .third { display: block; background: url(/dark_bullet.gif) no-repeat 0 5px; padding: 3px 10px; margin-left: 35px; color: #636563; font-weight: bold; font-size: 10px; } #map .fouth { display: block; background: url(/dark_bullet.gif) no-repeat 0 5px; padding: 3px 10px; margin-left: 45px; color: #636563; font-size: 10px; } #shop_gallery { width:448px; margin-left:45px; } #shop_gallery td { vertical-align:top; } #shop_gallery .photo { text-align:center; width:448px; height:336px; overflow:hidden; } #shop_gallery .photo img { margin:0 auto; margin:0 auto; height:336px; border:1px solid #cc0001; } #shop_gallery .prevs { padding-top:5px; } #shop_gallery .prevs a { margin-right:4px; margin-bottom:5px; } #shop_gallery .prevs .end { margin-right:0px; } #shop_gallery .prevs a { border:1px solid #cecfce; display:block; visibility:hidden; float:left; font-size:0px; line-height:0px; } #shop_gallery .prevs a:hover, #shop_gallery .prevs .active { border:1px solid #cc0001; } #shop_gallery .prevs img { width:50px; height:40px; }