*{margin:0;padding:0} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr { margin:0; padding:0; letter-spacing: normal; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } caption,th { text-align:left; } q:before,q:after { content:''; } :focus{ outline:none; } abbr,acronym { border:0; } html,body { height:100%; } header,nav,section,article,aside,footer { display:block; margin:0; padding:0; } img { border:0; width: auto; } input { vertical-align:middle; } ol,ul { margin:0; padding:0; list-style:none; } ul li { margin:0; padding:0; } a { color: #4a4a4a; text-decoration:underline; display: block; } a:hover { color:#4a4a4a; text-decoration:underline; } .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { } body { font: normal 12px/14px Arial, Tahoma, sans-serif; color: #4a4a4a; } .float { display: inline; float: left; } .last { margin-right: 0 !important; padding-right: 0 !important; } .display_none { display: none!important; } .display_block { display: block!important; } .inner { width: 960px; margin: 0 auto; } .not_exist { cursor: default; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; } #wrapper{ min-height: 100%; /* luv IE shit */ height: auto !important; height: 100%; margin: 0 auto -5em; } /* header */ .beta{ width:960px; overflow:hidden; margin:0 auto;padding:10px 0 0; font-size:20px; line-height:20px; text-align:center; } .beta a{ display:inline; color:#009aff; } #header { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec), color-stop(100%,#ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%,#ececec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%,#ececec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ position: relative; } .columns3 { margin: 10px 0; } .columns3.first_column { width: 320px; } .columns3.second_column { width: 375px; } .columns3.third_column { width: 265px; position: relative; } .switch_lang { margin: 5px 0 10px 0; } .switch_lang div { padding: 0 10px 0 20px; } .switch_lang div.ru { background: url(../images/ru_flag.gif) no-repeat 0 50%;color: #55a727; } .switch_lang div { color: #55a727; } .switch_lang div a.active, .switch_lang div a:hover{ color: #55a727; } .contact_phones, .contact_mob_phones{ font: normal 17px/20px Arial, Tahoma, sans-serif !important; padding: 2px 0 2px 20px !important; } .contact_phones a, .contact_mob_phones a{ display:inline; } .contact_phones{ background: url(../images/tel.png) no-repeat 0 50%; } .contact_mob_phones{ background: url(../images/mob.png) no-repeat 1% 50%; } span.small_digits{ font-size: 15px !important; } .callback { font-style: italic; margin: 5px 0 0 0; } .logo { margin: 10px 0 10px 0; } .menu_cabinet{ padding: 10px 10px 10px 20px; } .basket { padding: 10px 10px 10px 23px; } .compare_wrapper { min-height: 35px; position: relative; } header .navbar .compare_wrapper { display: inline-block; } .compare { padding: 5px 0 15px 20px; margin: 0 0 0 120px; } header .compare { margin: 10px 0 0 20px; } .compare_wrapper .compare_list{ position: absolute; top: 0; right: 0; padding: 0 10px 10px 10px; background: #F5F5F5; border: 2px solid #267f00; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9991; font: normal 12px/20px Arial, Tahoma, sans-serif; display: none; } header .compare_wrapper .compare_list a, header .compare_wrapper .compare_list a:hover { color: #4a4a4a; text-decoration: underline; } header .compare_wrapper .compare_list .compare a, header .compare_wrapper .compare_list .compare a:hover { text-decoration: none; } .compare_wrapper .compare_list .compare{ margin: 0; padding: 1px 0 5px 20px; } .compare_wrapper .compare_list .compare a{ text-decoration: none; } .compare_wrapper .compare_list ul li{ font: normal 12px/20px Arial, Tahoma, sans-serif; padding: 2px 0; } .compare_wrapper .compare_list ul li a{ margin: 0 5px 0 0; } .basket .active { color: #f58025; } .basket_number { padding: 7px 0 10px 0; } .basket_number a, .basket_number a:hover{ text-decoration: none; color: #ffffff; background: #67b73e; padding: 2px 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; webkit-box-shadow: inset 2px 1px 10px 0 #417e24; -moz-box-shadow: inset 2px 1px 10px 0 #417e24; box-shadow: inset 2px 1px 10px 0 #417e24; } #header .columns3 .menu_cabinet{ background: url(../images/cabinet.png) no-repeat 0 50%; } #header .columns3 .basket{ background: url(../images/basket.png) no-repeat 0 50%; } #header .columns3 .compare, header .compare_wrapper .compare{ background: url(../images/ico_comparison.png ) no-repeat 0 25%; } #header .columns3 .site_search, header .site_search input { position: relative; } #header .columns3 input, .cat_center .site_search input, header .site_search input { width: 250px; margin: 0; padding: 7px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:0; -moz-box-shadow: inset 1px 1px 1px 0 #d0d0d0; -webkit-box-shadow: inset 1px 1px 1px 0 #d0d0d0; box-shadow: inset 1px 1px 1px 0 #d0d0d0; } #header .columns3 label, .cat_center .site_search label, header .site_search label { position: absolute; top: 7px; right: 7px; } header .site_search label { top: 12px; right: 12px; } /* search */ #header .columns3 .site_search.active .search_result_wrapper, #header .columns3 .site_search:active .search_result_wrapper, .cat_center .site_search.active .search_result_wrapper, header .site_search.nav-search .search_result_wrapper { position: absolute; z-index: 9999; background: #ececec; width: 260px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #4fa32c; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); } header .site_search.nav-search .search_result_wrapper { position: static; } #header .columns3 .site_search.active .search_result_wrapper .search_result_display, header .site_search.nav-search.active .search_result_wrapper .search_result_display { display: block; } #header .columns3 .site_search .search_result_wrapper .search_result_display, header .site_search.nav-search .search_result_wrapper .search_result_display { display: none; } #header .columns3 .site_search .search_result_wrapper li, header .site_search.nav-search .search_result_wrapper li{ border-bottom: 1px solid #c4c4c4; margin: 15px; padding: 0 0 10px 0; } #header .columns3 .site_search .search_result_wrapper li img, header .site_search.nav-search .search_result_wrapper li img{ width: 100px; margin: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); float: left; } #header .columns3 .site_search .search_result_wrapper li p, header .site_search.nav-search .search_result_wrapper li p{ margin: 0 0 0 80px; font: normal 13px/15px Arial, Tahoma, sans-serif; color: #f58025; } #header .columns3 .site_search .search_result_wrapper li p span, header .site_search.nav-search .search_result_wrapper li p span{ font: bold 20px/22px Arial, Tahoma, sans-serif; color: #f58025; } #header .columns3 .site_search .search_result_wrapper li a.search_result_title, header .site_search.nav-search .search_result_wrapper li a.search_result_title{ font: bold 14px/20px Arial, Tahoma, sans-serif; margin: 0 0 0 80px; text-decoration: none; } #header .columns3 .site_search .search_result_wrapper .all_search_result, header .site_search.nav-search .search_result_wrapper .all_search_result{ font: italic 12px/15px Arial, Tahoma, sans-serif; text-decoration: underline; margin: 0 15px 5px 15px; } #header .columns3 .site_search .search_result_wrapper .no_search_result, header .site_search.nav-search .search_result_wrapper .no_search_result{ font: italic 12px/15px Arial, Tahoma, sans-serif; margin: 5px; } #header_nav { position: relative; height: 20px; } #header_nav ul { border: 3px solid #ececec; height: 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #67b73e; position: absolute; z-index: 999; } #header_nav ul li { display: inline; float: left; background: #67b73e; border-left: 1px solid #55a727!important; } .header_nav_1_ { width: 50px!important; } .header_nav_2_ { width: 100px!important; } .header_nav_3_ { width: 145px!important; } .header_nav_4_ { width: 175px!important; } .header_nav_5_ { width: 135px!important; } .header_nav_6_ { width: 167px!important; } .header_nav_7_ { width: 103px!important; } .header_nav_8_ { width: 60px!important; } #header_nav ul li:hover, #header_nav ul li.active{ background:#55a727; } #header_nav ul li.left_radius { border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; } #header_nav ul li.right_radius { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; } #header_nav ul li a{ text-transform: uppercase; text-decoration: none; color: #ffffff; font: bold 12px/15px Arial, Tahoma, sans-serif; text-align: center; padding: 10px 1.3pc;float:left;white-space: nowrap; } /* content */ /* content_nav */ #content { display: block; } #content_nav { background: url(../images/pattern.png); } #content_nav h2{ font-size: 15px; text-transform: uppercase; margin: 20px 0 0 0; } h2.types_logo_1 { color: #4fa32c; } h2.types_logo_2 { color: #bb4648; } h2.types_logo_3 { color: #f58025; } h2.types_logo_4 { color: #378a92; } h2.types_logo_5 { color: #db0565; } h2.types_logo_6 { color: #935927; } h2.types_logo_479 { color: #b1873f; } #content_nav .content_nav_first_floor { padding: 40px 0 15px 0; margin: 0 0 20px 0; border-bottom: 1px solid #cdcdcd; } #content_nav .content_nav_first_floor .content_nav_logo { padding: 0 40px 0 0; width: 150px; } #content_nav .content_nav_logo a { text-decoration: none; } #content_nav .content_nav_first_floor .content_nav_items { column-count: 4; -moz-column-count: 4; -webkit-column-count:4; column-width: 180px; /*N????°?·N‹???°?µ?? N???Nˆ????N? ?????»????????*/ -moz-column-width: 180px; -webkit-column-width: 180px; /* min-height: 170px; */ } #content_nav .content_nav_first_floor .content_nav_items a, .content_nav_items a{ font-size: 13px; line-height: 21px; font-style: italic; width: 160px; } .content_nav_items a:hover{ color: #f36d00; } .content_nav_second_floor .float{ padding: 0 40px 20px 0; width: 150px; } .shadow_to_top{ background: url(../images/shadow.png) no-repeat center center; height: 22px; text-align: center; overflow: hidden; } /* .content_items .title */ .content_items .title{ background: url(../images/line.gif) 100% 85% repeat-x; } .content_items .title .items_title{ font: bold 20px/24px Arial, Tahoma, sans-serif; color: #f36d00; } .content_items .title .float { background: #ffffff; } .content_items .title .content_arrow_left, .content_items .title .content_arrow_right{ margin: 4px 6px; } .content_items .title .content_items_page{ margin: 4px 0; } .content_items .title .content_arrow_left { width: 10px; height: 18px; background: url(../images/content_arrow_left.png) no-repeat } .content_items .title .content_arrow_left:hover { width: 10px; height: 18px; background: url(../images/content_arrow_left_hover.png) no-repeat } .content_items .title .content_arrow_right { width: 10px; height: 18px; background: url(../images/content_arrow_right.png) no-repeat } .content_items .title .content_arrow_right:hover { width: 10px; height: 18px; background: url(../images/content_arrow_right_hover.png) no-repeat } .content_items .title .content_items_page{ font: normal 13px/16px Arial, Tahoma, sans-serif; color: #4a4a4a; } /* .content_items .items */ .align_bottom{ position: absolute; bottom: 0; width: 90%; } .items .one_item { width: 165px; min-height: 331px; height: 331px; margin: 20px 33px 45px 0; text-align: center; position: relative; } .subcategory .items .one_item, .search .items .one_item{ min-height: 410px; width: 175px; margin: 20px 95px 45px 0; } .subcategory_list .items .one_item{ min-height: 230px; width: 100%; margin: 20px 0 20px 0; } .subcategory_list .items .one_item .one_item_image{ margin: 0 0 10px 18px; float: left; } .subcategory_list .items .one_item .align_bottom{ position: absolute; text-align: left; bottom: 0; left: 200px; } .subcategory_list .items .one_item .align_bottom .one_item_buttons{ text-align: center; margin: 0; float: left; display: inline; } .subcategory_list .items .one_item .align_bottom .one_item_compare{ float: left; display: inline; margin: 15px 0 0 10px; } .subcategory_list .items .one_item .one_item_title, .subcategory_list .items .one_item .one_item_description{ text-align: left; } .subcategory_list .items .one_item .one_item_title{ margin: 0 0 15px 200px; } .subcategory_list .items .one_item .one_item_description{ display: none; } .subcategory_list .items .one_item .one_item_content_description{ display: block; text-align: left; font: normal 13px/16px Arial, Tahoma, sans-serif; margin: 0 0 0 200px; } .one_item_description{ overflow: hidden; height: 30px; } .items .one_item .new_top { margin: 0 0 0 23px; min-height: 18px; } .items .one_item .new_top div{ margin: 0 3px 0 0; } .items .one_item .one_item_image{ margin: 0 auto 10px auto; display:inline-block; position1:relative; overflow: hidden; min-width: 128px; max-width: 175px; height: 200px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); } .items .one_item .one_item_image img{ } .one_item_description { font: normal 12px/14px Arial, Tahoma, sans-serif; margin: 5px 0 0 0; } .one_item_content_description{ display: none; } .items .one_item .one_item_title a{ text-decoration: none; } .items .one_item .one_item_title a h3{ font: bold 16px/20px Arial, Tahoma, sans-serif; color: #464646; } .items .one_item .one_item_price{ font: normal 13px/15px Arial, Tahoma, sans-serif; color: #f58025; } .items .one_item .one_item_price span{ font: bold 20px/22px Arial, Tahoma, sans-serif; color: #f58025; } .items .one_item .one_item_buttons{ width: 80px; margin: 10px; } .not_available{ cursor: default; text-decoration: none; display: inline-block; } .not_available:hover{ text-decoration: none; } .one_item_compare label { text-decoration: underline; cursor: pointer; } .one_item_compare label:hover { text-decoration: underline; cursor: pointer; color: #f36d00; } /**********************basket**********************/ .w25{width:25px;} .w30{width:30px;} .w35{width:35px;} .w66{width:66px;} .w75{width:75px;} .w82{width:82px;} .w85{width:85px;} .w90{width:90px;} .w100{width:100px;} .w120{width:120px;} .w147{width:147px;} .w170{width:170px;} .w184{width:184px;} .w199{width:199px;} .w200{width:200px;} .w205{width:205px;} .w210{width:210px;} .w232{width:232.5px;} .bold18{font-size:18px;font-weight:bold;} input[type="number"]{ background-color: #f5f5f5; border: 0; width: 29px; height: 18px; padding: 4px 6px; border: 1px solid #e0e0e0; border-radius: 4px; text-align:center; -moz-box-shadow:inset 2px 2px 8px #dfdfdf; -webkit-box-shadow:inset 2px 2px 8px #dfdfdf; box-shadow:inset 2px 2px 8px #dfdfdf; } .clear{clear:both;} .popup{ font-family: Calibri, Tahoma, Arial, sans-serif; background-color: #d9dade; color: #333333; position:fixed; z-index:99999; width:100%; height:100%; background-color:rgba(0,0,0,0.7); } .popup_window{ background-color:white; z-index:9999; margin-left:auto; margin-right:auto; min-width:300px; text-align:center; margin-top:7%; max-height:530px; position:relative; -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.7); box-shadow: 0px 0px 16px rgba(0,0,0,0.7); } .popup_close_button{ width:40px; height:40px; position:absolute; top:0; right:0; background:#f5f5f5 url("../images/close.png") center center no-repeat; cursor:pointer; } .popup_window_content{padding:40px;} .summary_price{background-color:#f5f5f5;width:100%;text-align:right;color:#5c5c5c;font-weight:bold;font-family:Calibri;padding-top:9px;padding-bottom:12px;} .summary_price .price{font-weight:normal;font-size:16px;} .summary_price span{font-weight:bold;font-size:22px;} .summary_price .text{font-size:16px;padding-right:75px;} .popup_footer{text-align:right;margin-top:42px;margin-bottom:-7px;} .green_but2{background-color:#4fa32c;color:#ffffff;border-radius:3px;font-weight:bold;text-decoration:none;font-size:13px;font-family:Calibri;padding:5px 13px 8px 13px;} .popup_window a{display:inline;} .cont_shop_but, #help{font-size:13px;color:#555555;padding-right:25px;padding-left:25px;} h4{font-size:24px;color:#464646;text-align:left;margin:0;padding:0;} .basket_block_header{display:table;border-bottom: 1px solid #cdcdcd;line-height:1;} .basket_block_header div{ display:table-cell; vertical-align:bottom; font-size:16px; font-weight:bold; font-family:Calibri; color:#7d7d7d; padding: 15px 20px 12px; } .basket_block_content{max-height:270px; width: 940px} .basket_block_content.overflow{overflow-y:auto;} .basket_element_name{ display:table-cell; vertical-align:middle; width:300px; text-align:left; padding: 15px 10px 15px 15px; } .basket_element{border-bottom:1px solid #cdcdcd;padding-left:5px;} .basket_element:last-child{border:none;} .picture_element{float:left;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7); box-shadow: 0px 0px 5px rgba(0,0,0,0.7); margin-right: 15px; } .title_element{font-weight:bold;font-size:18px;padding:15px;line-height: 1;} .title_element .subtitle_element{font-size:13px;font-weight:normal;margin-top:8px;opacity:0;} .basket_element_prepack{display:table-cell;vertical-align:middle;width: 195px;padding-right: 18px;position:relative;} .basket_element_priceone{display:table-cell;vertical-align:middle;padding-right: 25px;} .basket_element_pricenum{display:table-cell;vertical-align:middle;padding-right: 20px;padding-left: 10px;} .basket_element_priceall{display:table-cell;vertical-align:middle;padding-left: 30px;} .basket_element_delete{ display:table-cell;vertical-align:middle;padding-left: 12px;} .basket_element_delete a{ background:url("../images/delete_grey.png"); display:table-cell; vertical-align:middle; width:16px; height:16px; cursor:pointer; } .basket_element_delete a:hover{background:url("../images/delete.png");} .basket_element_priceone .price span{font-size:22px;} .basket_element_priceall .price span{font-size:22px;} .del_but_right{margin-right: -33px;float: right;} .prepacks_table{display:table; vertical-align:bottom;} .prepacks_table_cell{ display:table-cell; line-height:0.9; font-size:11px; width:20px; vertical-align:bottom; padding:3px; } .prepacks_table_cell_elem{ border:1px solid #e0e0e0; padding-left:5px; padding-right:5px; padding-bottom:3px; cursor:pointer; color:#5c5c5c; } .prepacks_table_cell_elem:before{content:'';border:1px solid #e0e0e0;width:15px;height:1px;display: -webkit-inline-box;border-radius:1px;} .prepacks_table_cell_elem.min{width:17px;padding-top:2px;} .prepacks_table_cell_elem.two{width:22px;padding-top:4px;} .prepacks_table_cell_elem.premax{width:23px;padding-top:4px;} .prepacks_table_cell_elem.max{width:27px;padding-top:4px;} .prepacks_table_cell_elem.min:before{margin-bottom: 3px;} .prepacks_table_cell_elem.two:before{margin-bottom: 6px;} .prepacks_table_cell_elem.premax:before{margin-bottom: 10px;} .prepacks_table_cell_elem.max:before{margin-bottom: 5px;} .prepacks_table_cell_elem.actived{border:1px solid #4fa32c;} .prepacks_table_cell_elem.actived:before{border:1px solid #4fa32c;} .align_bottom {position: relative;} .items .one_item .one_item_buttons a{display:inline;margin:3px;} .items .one_item .one_item_buttons, .compare_items_table .compare_one_item .one_item_buttons {width: 120%;margin-top: 15px;margin-bottom: 15px;margin-left: -10px;} /**********************basket**********************/ /**********************basket**********************/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .file_download_link_ {position:relative} .file_download_link_ a { /* position: absolute; */ /* top: 32px; */ /* right: 16px; */ padding: 10px 10px 10px 22px; background: url(../images/icon_catalog_18x18_01.png) no-repeat 0 50%; margin-left: 23px; z-index: 3; font-style: italic; } .faq a{ position: absolute; top: 32px; left: 0; padding: 10px 10px 10px 22px; background: url(../images/icon_faq_18x18_01.png) no-repeat 0 50%; margin-left: 23px; z-index: 3; font-style: italic; } /**/ .min_price_message{ font-size: 16px; color: red !important; float: left; margin-left: 20px; } .popup_window_content .min_price_message{ font-size: 14px; color: red !important; float: left; } .navbar .site_search { position: absolute !important; top: 70px !important; }