@import url(content.css); @import url(banners.css); @import url(goods.css); @import url(geo.css); @import url(cart.css); html, body {margin:0; padding:0;} body {background:#e3f4fb; font-family:Arial; font-size:0.9em; color:#494949; padding:0 5px 5px 5px} img.tmp {color: black; background-image: url(../img/def/mask.gif)} img {border:none; display:block;} br.both {font-size:1px; line-height:1px; margin:0; padding:0; clear:both} .clear {font-size:0; line-height:0; margin:0; padding:0; clear:both; border:0;} hr {clear:both} b.blue {color:#2270b8} /* TOP BLOCK */ #skeleton {min-width:980px; width:expression(document.body.clientWidth < 980 ? "980px" : "auto" ); margin-left:-2px} #top {background: url(../img/top_bg.jpg) left bottom repeat-x; height:140px; color:White} #top div.level1 {background: url(../img/top_left.jpg) left bottom no-repeat; height:100%} #top div.level1 div.level2 {background:url(../img/top_right.jpg) right bottom no-repeat; height:100%;} #top div.level1 div.level2 div.level3 {padding:5px 0 0 0} #logotype {float:left; padding:13px 0 0 12px} #logotype img {vertical-align:center} #logotype h1 {margin:0; padding:0} #slogan {float:left; padding:55px 0 0 12px} #slogan h2 {margin:0; padding:0; clear:none} #bin {float:right; width:231px; height:114px; margin:10px 8px 0 0; background:#009bfa url('../img/bin_bg.jpg'); display:inline;} #bin div.title {padding:13px 0 0 18px; font-size:12px; font-weight:bold} #bin div.icon {float:right; padding:22px 15px 0px 0px} #bin div.text {padding:1px 0 0 20px; font-size:11px;} #bin div.text img {display:inline; font-size:11px;} #bin div.text span {font-size:10px; font-weight:bold} #bin div.text a {text-decoration:none; color:#FFFFFF} #bin div.text a:hover {text-decoration:underline} #bin div.links {clear:both; padding:2px 0 0 20px; font-size:11px;} #bin div.links a {color: White; font-size:10px;} #bin_new {background:url(../img/header/bg.jpg) repeat-x; width:409px; height:113px; float:right; margin:11px 11px 0 0} #bin_new div {background:url(../img/header/left.jpg) no-repeat left top; width:100%; height:100%;} #bin_new div div {background:url(../img/header/right.jpg) no-repeat right top; width:100%; height:100%;} #bin_new div div div {background:none; width:auto; height:auto;} #bin_new div.phone {float:right; padding:8px 26px 0 0} #bin_new form {margin:0; padding:10px 0 0 18px} #bin_new form .str, #bin_new form input.str {display:block; float:left; width:250px; margin:0 5px 0 0} #bin_new form input.btn {display:block; float:left} #bin_new a.link {float:left; margin:15px 0 0 27px;} #bin_new div.count {margin:15px 0 0 57px; font-size:10px;} #bin_new div.count a {color:white; text-decoration:none;} #bin_new div.count b {font-size:12px} #bin_new div.links {margin:0 0 0 57px; font-size:10px;} #bin_new div.links a {color:white;} #service_phone {float:right; padding:48px 37px 0 0} .phone_image {float:right; padding:28px 37px 0 0} /* /TOP BLOCK */ /* MAIN MENU BLOCK */ #main_menu {float:left; width:100%; height:34px; margin:5px 0 0 0; background:#FFFFFF url(../img/mm_bg.gif) left top repeat-x; font-weight:Bold; font-size:11px} #main_menu div.level1 {height:34px; /*background: url(../img/main_menu_left.gif) left top no-repeat*/} #main_menu div.level1 div.level2 {height:34px; background: url(../img/mm_right.gif) right top no-repeat} #main_menu a {display:block; background: url(../img/mm_top.gif) right top no-repeat; padding:7px 0 0 0;} #main_menu img {display:inline;} #main_menu div.menu_item {width:12.5%; height:34px; float:left; text-align:center; background: url(../img/mm_item.gif) left top no-repeat} #main_menu div.menu_item_a {width:12.5%; height:34px; float:left; text-align:center; background: url(../img/mm_item_a.gif) left top no-repeat} #main_menu div.menu_item_aa {width:12.5%; height:34px; float:left; text-align:center; background: url(../img/mm_item_aa.gif) left top no-repeat} #main_menu div.menu_item_left {width:12.5%; height:34px; float:left; text-align:center; background: url(../img/mm_item_left.gif) left top no-repeat} #main_menu div.menu_item_left_a {width:12.5%; height:34px; float:left; text-align:center; background: url(../img/mm_item_left_a.gif) left top no-repeat} #main_menu div.menu_empty {width:10%; height:34px; float:left; text-align:center; background: url(../img/mm_empty.gif) left top no-repeat} #main_menu div.last {background: url(../img/mm_empty_last.gif) left top no-repeat} /* /MAIN MENU BLOCK */ /* MAIN BLOCK */ #main_block {float:left; width:100%; background:#FFFFFF url(../img/mb_border.gif) left top repeat-y} #main_block div.level1 {background: url(../img/mb_border.gif) right top repeat-y} #main_block div.level1 div.level2 {background: url(../img/mb_border.gif) left bottom repeat-x} #main_block div.level1 div.level2 div.level3 {background: url(../img/mb_bl.gif) left bottom no-repeat} #main_block div.level1 div.level2 div.level3 div.level4 {background: url(../img/mb_br.gif) right bottom no-repeat; padding:5px} /* LEFT COLUMN */ #left_column {width:250px; float:left; font-size:12px; z-index:100; position:relative} #left_banners div.banner {margin-top:5px} /* SEARCH BLOCK */ #search_block {width:240px; height:43px; background:#0075d2 url(../img/search_block.gif) top left no-repeat; font-size:12px} #search_block form {margin:0; padding:12px 0 0 15px} #search_block form input.image {margin:0 0 0 10px;} #search_block form input.text {position:relative; width:160px; background:#FFFFFF url(../img/search_input.gif) top left repeat-x; border-left:1px solid #26c7e6; border-bottom:1px solid #26c7e6; border-top:1px solid #004d61; border-right:1px solid #004d61;} /* /SEARCH BLOCK */ /* SUB_MENU BLOCK */ #sub_menu {margin-top:6px;} #sub_menu div {margin:1px 0; padding:0; color:#FFFFFF; width:242px} #sub_menu div a {color:#FFFFFF;} #sub_menu div.color1 {background:#1f7ecc} #sub_menu div.color2 {background:#f59004} #sub_menu div.color3 {background:#19ccf3} #sub_menu div.color4 {background:#44ccb8} #sub_menu div.color5 {background:#ff8abb} #sub_menu div.color6 {background:#7e8dd1} #sub_menu div.color7 {background:#09a4ea} #sub_menu div.color8 {background:#1f7ecc} #sub_menu div.color9 {background:#cb3527} /* /SUB_MENU BLOCK */ /* SHOP_SEARCH BLOCK */ #shop_search_block {width:242px; height:175px; background:#bae3f3 url(../img/shop_search_block.gif) top left no-repeat} #shop_search_block form {padding:0 0 0 17px; margin:0} #shop_search_block form div.title {padding:30px 0 0 0; font-weight:bold; font-size:12px} #shop_search_block form div.subtitle {padding:30px 0 0 0;} #shop_search_block form select {width:200px} #shop_search_block form div.checkbox {padding:5px 0 0 0} #shop_search_block form div.checkbox input {margin:3px 0; _margin:0px -2px; padding:0; float:left; display:block} #shop_search_block form div.checkbox label {margin:5px 0; padding:0; float:left; display:block} #shop_search_block form div.link_n_button {padding:30px 0 0 0} #shop_search_block form div.link_n_button div.left {float:left; padding:5px 0 0 0} #shop_search_block form div.link_n_button div.left a {color:#004b85; font-size:10px} #shop_search_block form div.link_n_button div.right {float:right; padding:0 22px 0 0} /* /SHOP_SEARCH BLOCK */ #shop_search_block form .str, #shop_search_block form input.str {display:block; float:left; width:560px; margin:0 5px 0 0;} /* CERTIFICATE BLOCK */ #certificate {margin:5px 0 0 0; background:#fad4d1; width:242px} /* /CERTIFICATE BLOCK */ /* /LEFT COLUMN */ /* RIGHT COLUMN */ #right_column {width:100%; float:left; margin-left:-250px; _margin-left:-270px; _overflow-x:hidden} #right_column_margins {margin-left:250px; _margin-left:270px;} /* MAIN BANNER */ #main_banner {height:226px; background:#e1f1ff url(../img/main_banner/bg.jpg) left top repeat-x; font-size:12px; color:#196aaa; position:relative} #main_banner div.level1 {height:226px; background: url(../img/main_banner/right.jpg) right top no-repeat} #main_banner div.level1 div.level2 {height:226px; background: url(../img/main_banner/left.jpg) left top no-repeat; overflow:hidden} #main_banner23 {height:226px; font-size:12px; color:#196aaa; position:relative; /*background: url('../img/mainbanner.jpg') no-repeat*/} #main_banner23 div.banner {float:right; width:240px; height:200px; margin:10px} #main_banner23 #b23 {float:left;} #main_banner blockquote {padding:20px 0 0 150px; margin:0;} #main_banner h2 {padding:30px 0 0 150px; margin:0;} #main_banner h2 img {display:inline} #main_banner div.text {padding:10px 0 0 150px; font-size:12px} #main_banner div.text p {padding:0; margin:0;} #main_banner div.banner {float:right; width:240px; height:200px; margin:10px} #main_banner a.link {display:block; position:absolute; left:0px; top:0px; width:380px; height:220px; text-decoration:none} /* /MAIN BANNER */ /* MENU LEVEL 2 BLOCK */ #menu_l2 {background: url(../img/sub_menu/bg.gif); height:36px} #menu_l2_1 {background: url(../img/sub_menu/left.gif) left top no-repeat; height:36px} #menu_l2_1_a {background: url(../img/sub_menu/left_a.gif) left top no-repeat; height:36px} #menu_l2_2 {background: url(../img/sub_menu/right.gif) right top no-repeat; height:36px; padding:0 8px} #menu_l2_2_a {background: url(../img/sub_menu/right_a.gif) right top no-repeat; height:36px; padding:0 8px} #menu_l2_table {font-size:11px; text-transform:uppercase; padding:0; margin:0; border:none; background:none} #menu_l2_table td {padding:0; margin:0; border:none; background:none} #menu_l2_table td div.paddings {padding:9px 0 0 0; margin:0; text-align:center} #menu_l2_table td.item {height:36px; vertical-align:top; padding:0; margin:0;} #menu_l2_table td.item div.left {background: url(../img/sub_menu/l.gif) left top no-repeat; height:36px} #menu_l2_table td.item div.right {background: url(../img/sub_menu/r.gif) right top no-repeat; height:36px} #menu_l2_table td.item_a {background: url(../img/sub_menu/bg_a.gif); float:left; height:36px} #menu_l2_table td.item_a div.left {background: url(../img/sub_menu/l_a.gif) left top no-repeat; height:36px} #menu_l2_table td.item_a div.right {background: url(../img/sub_menu/r_a.gif) right top no-repeat; height:36px} #menu_l2_table td div.left_a {background: url(../img/sub_menu/l_aa.gif) left top no-repeat; height:36px} #menu_l2_table td div.right_a {background: url(../img/sub_menu/r_aa.gif) right top no-repeat; height:36px} #menu_l2_table td.first div.left {background:none} #menu_l2_table td.last div.right {background:none} #menu_l2_table td.sep {background:#FFFFFF; vertical-align:top; padding:0; margin:0;} #menu_l2_table td.sep img {margin:0; padding:0; float:none} /* /MENU LEVEL 2 BLOCK */ /* !!! BODY !!! */ #body {width:100%; background:url(../img/b_l.gif) left top repeat-y; margin-top:2px 5px;} #body div.l1 {background:url(../img/b_r.gif) right top repeat-y} #body div.l1 div.l2 {background:url(../img/b_t.gif) left top repeat-x} #body div.l1 div.l2 div.l3 {background:url(../img/b_b.gif) left bottom repeat-x} #body div.l1 div.l2 div.l3 div.l4 {background:url(../img/b_tl.gif) left top no-repeat} #body div.l1 div.l2 div.l3 div.l4 div.l5 {background:url(../img/b_tr.gif) right top no-repeat} #body div.l1 div.l2 div.l3 div.l4 div.l5 div.l6 {background:url(../img/b_bl.gif) left bottom no-repeat} #body div.l1 div.l2 div.l3 div.l4 div.l5 div.l6 div.l7 {background:url(../img/b_br.gif) right bottom no-repeat} #body div.l1 div.l2 div.l3 div.l4 div.l5 div.l6 div.l7 div.l8{padding:25px} div.path {font-size:0.7em; color:#46b9d2;} div.path a {color:#2270b8} /* /!!! BODY !!! */ #float_right {float:right; width:150px} /* SMALL_SHOP_SEARCH */ #sss {width:145px; background:#f8fbfd url(../img/sss_bg.gif) left top repeat-y} #sss div.top{background: url(../img/sss_top.gif) left top no-repeat} #sss div.top div.bottom {background: url(../img/sss_bottom.gif) left bottom no-repeat} #sss form {margin:0; padding:9px 0 9px 16px} #sss div.title {} /* /SMALL_SHOP_SEARCH */ /* MENU_LEVEL_3 */ #menu_level3 {width:149px; margin:30px 0; font-size:12px} #menu_level3 div.item {background: url(../img/ml3_bg.gif) left top repeat-y; border:1px solid #FFFFFF} #menu_level3 div.item div.top {background: url(../img/ml3_top.gif) left top no-repeat} #menu_level3 div.item div.top div.bottom {background: url(../img/ml3_bottom.gif) left bottom no-repeat; font-weight:Bold; color:#2270b8} #menu_level3 div.item div.top div.bottom a {padding:5px 18px; display:block;} #menu_level3 div.item div.top div.bottom span {padding:5px 18px; display:block;} #menu_level3 ul {margin:0 10px 0 35px; padding:0;} #menu_level3 ul li {margin:8px 0; padding:0;} /* /MENU_LEVEL_3 */ #fast_search {} #fast_search select {width:300px; float:left; display:block; margin:0 10px 0 0} #fast_search h3 {font-size:12px; margin-bottom:0} #fast_search form {margin:0} /* /RIGHT COLUMN */ /* /MAIN BLOCK */ /* REGION BLOCK*/ #region_block {width:240px; background: White url(../img/fn_middle.jpg) left top repeat-y; margin:0 0 5px 0} #region_block div.l1 {background: url(../img/fn_top.jpg) left top no-repeat} #region_block div.l1 div.l2 {background: url(../img/fn_bottom.jpg) left bottom no-repeat; padding:20px 20px 1px 20px} #region_block h2, #region_block h3 {margin:0; padding:0;} #region_block h3 {color:#004b85; font-size:10px; font-weight:normal} #region_block h2 {color:#004b85; font-size:18px; font-weight:bold} #region_block div.stores_link {font-size:11px} #region_block div.stores_link a {color:#32caa4} #region_block div.archive_link a {color:#32caa4} #region_block #content_news_block {margin:20px 0} #region_block #content_news_block h2 {font-size:12px; font-weight:bold; color:#004b85;} #region_block #content_news_block div.item {font-size:11px; margin:15px 0} /* FOOTER BLOCK */ #footer {height:102px; background:#4f8ec9 url(../img/footer_bg.gif) left top repeat-x; margin-top:5px} #footer div.level1 {height:102px; background: url(../img/footer_left.gif) left top no-repeat} #footer div.level1 div.level2 {height:102px; background: url(../img/footer_right.gif) right top no-repeat} #footer div.paddings {padding:40px 40px 0 40px; color:#FFFFFF; font-size:10px; _width:100%} #footer div.paddings a {color:#FFFFFF} #footer div.paddings span.links a {color:#84b8e2} #footer div.col1 {float:left; width:24%;} #footer div.col2 {float:left; width:24%;} #footer div.col3 {float:left; width:24%;} #footer div.col4 {float:left; width:24%;} div.image_right {text-align:right; padding:0 10px 0 0; margin:-3px 0 0 0} div.image_right a {color:white} /* /FOOTER BLOCK */ #alpha a {font-size:16px; font-weight:bold} /*BOTTOM BANNERS*/ .bottom_banners2 {width:100%; background:none; border:none;} .bottom_banners2 td {width:50%; background:none; border:none; text-align:center} .bottom_banners2 td div{text-align:center} .bottom_banners2 td img {display:inline}