/* Сайт сделан в IT Studio. www.itstudio.ru */ /* Некоторые номера используемых цветов: eb3300 красно-оранжевый как у ссылок и мулек new sale ... 616161 цвет текста default eee светло серый цвет бордеров и фона у заголовков */ * {box-sizing: border-box; -moz-box-sizing: border-box} html, body, table, td, form, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0} html, body {height: 100%} img, table, td {border: 0} body, td {font-size: 90%; font-family: arial, sans-serif; color: #616161} table {border-collapse: collapse} a:link {color: black} a:visited {color: #d39482} a:hover {text-decoration: underline; color: #c32a00} a:active {} hr {height: 0px; border-top: 1px solid black} h1, h2, h3, h4, h5, h6 {color: black} h1 {font: 125% Georgia, arial, sans-serif} h1.header {background-color: #eeeef0; margin: 12px 0 12px; padding: 1px 10px 3px} h1 .model {font: 75% arial; font-weight: bold} /* Заголовок в левом столбце наверху */ .left_header {font-size: 120%; margin: 0 0 1.3em 0; padding: 0; font-weight: bold} h2 {font: 120% Georgia, arial, sans-serif} /* Название моделей */ .model {font: 100% arial, sans-serif; margin-top: 0.2em; font-weight: bold} h3 {} h4 {font-size: 100%; margin-top: 0.2em} p {} blockquote {} ul {} ol {list-style: none; margin: 10px 0 14px; padding: 0} ol li {background: url(/i/bullet.gif) 0 .39em no-repeat; padding: 0 0 0 10px; margin: 0 0 3px} button {} input {} textarea {} /* слова меленьким шрифтом: цена, модель, артикул, количество и др. */ small {font-family: Tahoma; font-size: 70%; color: #9e9e9e} /* Цифры цены */ big {font-size: 140%; color: black} /* classes */ .phone {white-space: nowrap} /* Добавляют слева от содержимого элемента (например, текста ссылки) корзинку соответствующего цвета */ .basket_gray, .basket_red {background-position: 0 0; background-repeat: no-repeat; padding-left: 20px} .basket_gray {background-image: url(/i/basket_gray.gif)} .basket_red {background-image: url(/i/basket_red.gif)} /* Добавляют справа от содержимого элемента (например, текста ссылки) соответствующие мульки */ .sale {background-image: url(/i/sale.gif); background-position: center right; background-repeat: no-repeat; padding-right: 40px} .new {background-image: url(/i/new.gif); background-position: center right; background-repeat: no-repeat; padding-right: 40px} /* Для поиска для поля ввода текста */ .blur, .focus {margin-right: 2px} .blur {color: silver} .focus {color: black} /* Мульки на красном фоне: NEW, SALE, OUT OF STOCK. */ .label {text-transform: uppercase; background-color: #eb3300; color: #fff; padding: 1px 3px; font-weight: bold; font-family: Arial} /* markup */ #site {width: 100%; height: 100%} #top {width: 100%; background-color: #011935; padding-left: 18px} #top, .top_table {border: 1px solid #011935; } .top_table {margin: 23px 0 24px; width: 100%} #top, #top td {color: #9db1c9; font-size: 80%} #top a {color: #fff} #top a:hover {color: #ddd} #top .logo_td {width: 242px; vertical-align: top} #top .logo_td img {margin-right: 26px} #top #contacts_table {width: 100%} #contacts_table .border {border-left: 1px solid #243d53; border-bottom: 1px solid #243d53} #contacts_table .first {padding: 0 17px 9px 0} #contacts_table td {padding: 0 17px 9px; vertical-align: top; line-height: 140%} .bel {color: #fff} #top .empty_td {vertical-align: bottom} #top .nav_td {padding-top: 21px; vertical-align: top} #top .nav {font-family: Georgia, arial, sans-serif; list-style: none; margin: 0; padding: 0} #top .nav li {font-size: 110%; display: inline; float: left; margin-right: 30px; margin-bottom: 10px} #top .nav a {color: #b7e8ff; font-size: bold} #top .nav a:hover {color: #82d7ff} #content {height: 100%; padding: 0 10px 0 18px} #content_table {width: 100%; height: 100%} #content_left {width: 202px !important; padding: 0 10px 55px 0; xborder: 1px solid red} #backet_div {xborder: 1px solid green; height: 72px} #backet_div1 {xborder: 1px solid green; height: 27px} #backet_div div {background: #011935; margin: 0 -8px 0 -27px; padding: 18px 17px 24px 26px; position: relative; zoom: 1; z-index: 2; border-bottom: 1px solid #d2dadd} #backet_div a {color: #fff} #backet_div a:hover {color: #ddd} #search_form {margin-bottom: 2em; xborder: 1px solid red} #search_form input {width: 137px} #left_nav {list-style: none; font-family: Georgia, "Arial", sans-serif; font: 75%; margin: 0 0 2.5em 0; padding: 0} #left_nav li {margin-bottom: 0.3em} #left_nav a, #left_nav b {color: black} #left_nav a:hover {color: #eb3300} #left_nav a:visited {color: #616161} #left_nav li ul {list-style: disc; font: 90% "Arial", sans-serif; margin-top: 0.2em; margin-bottom: 1.5em} #left_nav li ul a {color: #eb3300; font-weight: bold; font-size: 90%} #left_nav li ul a:hover {color: #b82800} #left_nav li ul b {font-size: 100%} #left_nav li ul p {margin: 0; padding: 0} #content_right {padding: 0 0 55px 10px; width: auto} #rek_la_ma {margin-left: -10px} #rek_la_ma table td {padding: 10px 0 0 10px} #navigation_string {height: 71px; padding: 22px 0 0 10px; color: black} #navigation_string a {color: #eb3300} #navigation_string a:hover {color: #b82800} .descr_middle {width: 100%; height: 100%; border: 1px solid #eee; margin-bottom: 12px} .descr_middle td {height: 100%; padding: 10px 5px 10px 10px; color: #535353} .descr_middle td table td {padding: 2px 0} .descr_middle .pad_right {padding-right: 10px} .descr_middle a {color: #eb3300} .descr_middle a:hover {color: #b82800} .padding_left_12 {padding-left: 12px} .border_bottom {border-bottom: 1px solid #ebebeb} .tahoma {font-family: tahoma; font-size: 70%} .descr_small {width: 100%; margin-bottom: 12px} .descr_small .td_product_image {width: 130px; text-align: center; padding-right: 12px} .table_descr_small {margin-top: 26px; width: 100%} .table_descr_small td {margin-top: 26px; font-size: 80%} .table_descr_small .border {border-bottom: 1px solid #eee} .table_descr_small .td_descr_small {padding: 24px 0 0 0; margin-bottom: 10px} .table_descr_small a {color: #eb3300} .table_descr_small a:hover {color: #b82800} .table_descr_small h4 {font-size: 120%} .description {} .description .product_image {padding: 0px 40px 0 0} .description td table td {padding: 2px 0} .description table td {vertical-align: center} .description .pad_right {padding-right: 25px} #news_table {border-bottom: 2px solid #eee} #news_table td {padding: 0 0 28px 10px} #news_table .date {font-size: 90%} #news_table h4 {padding: 0; margin: .3em 0 .75em} #news_table p {padding: 0; margin: 0; font-size: 90%} #news_table a {color: #eb3300} #news_table a:hover {color: #b82800} .text {padding: 10px 0 0 10px; font-size: 90%} .adv_search_table {width: 450px; margin-left: 10px} .adv_search_table td {width: 50%; padding: .5em 0; vertical-align: top; border-bottom: 1px solid #dcdcdc} .adv_search_table p {margin-bottom: 1.5em} .adv_search_table button {margin-top: .5em} .no_border {border: none !important} .search_table {width: 450px; margin-bottom: 2em; margin-left: 10px} .search_table td {width: 50%; padding: .5em 0; vertical-align: top} .offer_table {margin-left: 10px; margin-top: 2.5em} .offer_table td {padding: .5em 20px .5em 0; vertical-align: top} .offer_table .requared {color: #eb3300; position: absolute; margin-left: -0.5em} .offer_step_1 {margin-left: 10px} .offer_step_1 .left {padding-right: 50px} .delete_offer {font-weight: bold; color: #eb3300; background: #eee; padding: 10px; font-size: 115%; display: inline; float: left; margin-bottom: 1em} .notation {border: 1px solid #eee; padding: 7px 14px; clear: all; color: #eb3300; width: 250px} .notation p {padding: 0; margin: 0} .notation ol {margin-bottom: 0} .page_selector {margin-bottom: .75em; display: block; float: left} .page_selector span {display: inline; float: left; padding: 3px 7px} .page_selector a, .page_selector strong {display: inline; float: left; padding: 3px 7px; background: #eee; margin-right: 4px} .page_selector a {text-decoration: none; padding: 4px 7px} .page_selector a:hover {background: #e5e5e5; color: #000} .page_selector strong {background: #eb3300; color: #fff; font-weight: normal} .clear_all {clear: both} #bottom {background: #071522 url(/i/bg_bottom.gif) bottom repeat-x; padding: 0 26px} #bottom_table {} #bottom_table, #bottom_table td {color: #9fb4cf; padding: 27px 0 50px 0} #bottom_table a {color: #9fb4cf} #bottom_table a:hover {color: #fff} #counters {width: 210px; padding-right: 14px !important} #copyright {} #itstudio {}