html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;} html, body { height: 100%; } header, nav, section, article, aside, footer { display: block } ul { list-style: none; } a { color: #6ea3bd; } a:hover { text-decoration: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } *:focus { outline: none; } .clearfix { display: block; } body { min-width: 1060px; font-family: 'Open Sans', sans-serif; color: #333333; font-size: 14px; background: #000 url(../images/bg.jpg) top center repeat-y; -o-background-size: 100% auto; -webkit-background-size: 100% auto; -khtml-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } * { font-family: 'Open Sans', sans-serif; } #pixie { position:fixed; left: 0; top: 0; margin:0; padding:0; background-size: 100% 100%; } .hidden{ display: none; } #wrapper { position: relative; z-index: 10; background: url(../images/planets.png) center 100px no-repeat; min-height: 100%; overflow: hidden; } #header { width: 1360px; margin: 0 auto; padding: 29px 0 0 0; } #header .logo { width: 280px; height: 74px; background: url(../images/logo.png); float: left; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } #header .search_block { width: 350px; height: 50px; float: left; margin: 26px 80px 0 80px; position: relative; } #header .search_block input[type="text"], #footer .search_block input[type="text"] { border: 0; width: 100%; box-sizing: border-box; padding: 0 50px 0 45px; border: 0; height: 50px; line-height: 50px \9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); color: #999999; font-size: 14px; font-style: italic; display: block; font-weight: 300; background: #FFF url(../images/magnifer.png) 17px 17px no-repeat; } #header .search_block input[type="text"]:focus, #footer .search_block input[type="text"]:focus { border: 1px solid #6ea3bd; margin: -1px; height: 52px; line-height: 52px\9; color: #333333; font-style: normal; background-position: 17px -57px; } #header .search_block input[type="submit"], #footer .search_block input[type="submit"] { width: 25px; height: 16px; border: 0; padding: 0; overflow: hidden; text-indent: -999px; background: url(../images/enter.png) 9px 17px no-repeat; position: absolute; right: 0; top: 0; width: 50px; height: 50px; cursor: pointer; } #header .time { width: 170px; float: left; color: #cccccc; font-size: 14px; line-height: 17px; margin-top: 24px; } #header .time .label { display: block; font-size: 14px; padding-left: 25px; line-height: normal; margin-bottom: 5px; background: url(../images/time.png) 0 2px no-repeat; } #header .time .left { display: inline-block; width: 69px; } #header .phone_wrapper { float: right; margin-top: 17px; width: 190px; } #header .phone_wrapper .phone { font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: bold; color: #FFF; text-decoration: none; display: block; margin-bottom: -4px; } #header .phone_wrapper .callback { font-size: 13px; color: #6ea3bd; border-bottom: 1px dashed; text-decoration: none; } #header .phone_wrapper .callback:hover { border-bottom: 0; } #main_menu { overflow: hidden; padding-top: 30px; } #main_menu li { float: left; } #main_menu li a { padding: 0 20px; font-size: 14px; color: #6ea3bd; height: 40px; line-height: 40px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; } #main_menu li.active a { color: #000000 !important; text-decoration: none; background: url(../images/white.png) repeat !important; } #main_menu li a:hover { background: #6ea3bd; text-decoration: none; color: #FFF; } #footer { width: 1320px; margin: 0 auto; color: #cccccc; font-size: 14px; padding: 22px 0 75px 0; } #footer .footer_left { float: left; width: 270px; line-height: 20px; margin: 3px 30px 0 0; } #footer .footer_left .copyright { color: #FFF; margin-bottom: 10px; display: block; text-align: left; } #footer .contacts { float: left; width: 250px; line-height: 20px; } #footer .contacts .phone { font-family: 'Open Sans Condensed', sans-serif; font-size: 32px; font-weight: bold; color: #FFF; text-decoration: none; display: block; line-height: normal; margin-bottom: 4px; } #footer .contacts .adress{display: block;} #footer .footer_center { width: 440px; float: left; margin-left: 60px; margin-top: 8px; } #footer .footer_center .search_block { position: relative; margin-bottom: 15px; } #footer .footer_menu { overflow: hidden; line-height: 20px; height: 40px; } #footer .footer_menu ul { margin-left: -28px; } #footer .footer_menu ul li { float: left; margin-left: 28px; font-size: 12px; } #footer .footer_right { float: right; margin-top: 8px; width: 190px; } #footer .footer_right .socials { overflow: hidden; margin-bottom: 42px; } #footer .footer_right .socials a { float: right; width: 24px; height: 24px; margin-left: 6px; background: url(../images/socials.png); } #footer .footer_right .socials a.vk { background-position: 0 0; } #footer .footer_right .socials a.vk:hover { background-position: 0 bottom; } #footer .footer_right .socials a.twitter { background-position: -30px 0; } #footer .footer_right .socials a.twitter:hover { background-position: -30px bottom; } #footer .footer_right .socials a.facebook { background-position: -60px 0; } #footer .footer_right .socials a.facebook:hover { background-position: -60px bottom; } #footer .footer_right .socials a.instagram { background-position: -90px 0; } #footer .footer_right .socials a.instagram:hover { background-position: -90px bottom; } #sidebar .socials { overflow: hidden; margin-bottom: 42px; padding-left: 40px; height: 60px; } .big-icon-vk { background: url(../images/socnets-icons-big.png); background-position: 0 -160px; height: 32px; width: 32px; display: inline-block; margin-right: 10px; top: 10px; position: relative; } #footer .footer_right .creator { font-size: 12px; color: #FFF; display: block; text-align: right; } #footer .footer_right .creator a { display: inline-block; vertical-align: top; width: 170px; height: 17px; background: url(../images/matador.png); margin: -1px 0 0 7px; } #sticky { height: 50px; position: fixed; bottom: 0; left: 0; width: 100%; min-width: 1060px; z-index: 160; } #sticky .bottom_line { background: #73a5be; height: 50px; width: 1320px; padding: 0 30px; margin: 0 auto; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: rgb(117,168,192); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YThjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODliYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,168,192,1) 0%, rgba(104,155,180,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,168,192,1)), color-stop(100%,rgba(104,155,180,1))); background: -webkit-linear-gradient(top, rgba(117,168,192,1) 0%,rgba(104,155,180,1) 100%); background: -o-linear-gradient(top, rgba(117,168,192,1) 0%,rgba(104,155,180,1) 100%); background: -ms-linear-gradient(top, rgba(117,168,192,1) 0%,rgba(104,155,180,1) 100%); background: linear-gradient(to bottom, rgba(117,168,192,1) 0%,rgba(104,155,180,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a8c0', endColorstr='#689bb4',GradientType=0 ); color: #FFF; } :root #sticky .bottom_line { filter: none \0/; } #sticky .bottom_line a { color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); } #sticky .bottom_line .login_block { float: left; width: 460px; padding-top: 15px; } #sticky .bottom_line .login_block .cabinet { position: relative; margin: 0 26px 0 38px; } #sticky .bottom_line .login_block .cabinet:before { content: ""; position: absolute; width: 30px; height: 31px; background: url(../images/login.png); left: -38px; top: -6px; } #sticky .bottom_line .counter { float: left; width: 460px; padding-top: 13px; } #sticky .bottom_line .counter .item { float: left; line-height: 24px; margin-right: 30px; } #sticky .bottom_line .number { display: inline-block; height: 24px; line-height: 24px; background: #e2eff7; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 6px; margin-left: 10px; text-shadow: none; text-decoration: none; color: #333333; } #sticky .bottom_line .cart_block { float: right; width: 400px; padding-top: 13px; } #sticky .bottom_line .cart_block .cart { position: relative; margin: 0 10px 0 40px; } #sticky .bottom_line .cart_block .cart:before { content: ""; position: absolute; width: 30px; height: 31px; background: url(../images/cart.png); left: -38px; top: -6px; } #sticky .bottom_line .cart_block .price { padding-right: 20px; position: relative; } #sticky .bottom_line .cart_block .price:after { content: ""; width: 9px; height: 10px; position: absolute; right: 7px; top: 7px; background: url(../images/cur.png); } #sticky .bottom_line .cart_block .order { float: right; width: 160px; margin-top: -8px; } #main { width: 1380px; background: url(../images/white.png) repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 auto; padding: 18px 0 25px 0; position: relative; } #main h2 { font-size: 30px; font-weight: 300; } #main h1 { font-size: 30px; font-weight: 300; margin-bottom: 11px; } .green_button { display: block; height: 40px; line-height: 40px; text-align: center; padding: 0; border: 0; cursor: pointer; text-decoration: none; text-transform: uppercase; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background: rgb(117,164,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,164,0,1) 0%, rgba(87,138,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,164,0,1)), color-stop(100%,rgba(87,138,0,1))); background: -webkit-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -o-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -ms-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: linear-gradient(to bottom, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a400', endColorstr='#578a00',GradientType=0 ); } :root .green_button{ filter: none \0/; } .green_button:hover { filter: none; background: #7bb900; } .green_button:active { filter: none; background: #669900; } .blue_button { display: block; height: 40px; line-height: 40px; text-align: center; padding: 0; border: 0; cursor: pointer; text-decoration: none; text-transform: uppercase; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background: rgb(124,173,197); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Zjk1YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(124,173,197,1) 0%, rgba(95,149,177,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,173,197,1)), color-stop(100%,rgba(95,149,177,1))); background: -webkit-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: -o-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: -ms-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: linear-gradient(to bottom, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cadc5', endColorstr='#5f95b1',GradientType=0 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .blue_button { filter: \0/; } .blue_button:hover { filter: none; background: #88bed9; } .blue_button:active { filter: none; background: #6ea3bd; } #sidebar { width: 270px; float: left; } #sidebar .catalog_menu { margin-bottom: 30px; } #sidebar .catalog_menu h2 { font-size: 30px; margin-left: 30px; margin-bottom: 11px; position: relative; white-space: nowrap; } .letter_star { position: relative; } .letter_star:before { content: ""; position: absolute; background-image: url(../images/wot_letters.png); background-repeat: no-repeat; background-position: -15px -18px; left: -1px; top: 7px; height: 27px; display: none; } h2:hover .letter_star:before, h1:hover .letter_star:before, p:hover .letter_star:before { display: block; } .letter_star.letter976:before, .letter_star.letter1:before { left: -2px; width: 23px; background-position: -15px -117px } .letter_star.letter976.center:before, .letter_star.letter1.center:before { background-position: -15px -68px } .letter_star.letter976.bottom:before, .letter_star.letter1.bottom:before { background-position: -15px -18px } .letter_star.letter977:before { left: 0px; width: 18px; background-position: -42px -117px } .letter_star.letter977.center:before { background-position: -42px -68px } .letter_star.letter977.bottom:before { background-position: -42px -18px } .letter_star.letter978:before, .letter_star.letter2:before { left: 0px; width: 19px; background-position: -66px -117px } .letter_star.letter978.center:before, .letter_star.letter2.center:before { background-position: -66px -68px } .letter_star.letter978.bottom:before, .letter_star.letter2.bottom:before { background-position: -66px -18px } .letter_star.letter979:before { left: 0px; width: 18px; background-position: -90px -117px } .letter_star.letter979.center:before { background-position: -90px -68px } .letter_star.letter979.bottom:before { background-position: -90px -18px } .letter_star.letter980:before { left: -2px; width: 25px; background-position: -108px -117px } .letter_star.letter980.center:before { background-position: -108px -68px } .letter_star.letter980.bottom:before { background-position: -108px -18px } .letter_star.letter981:before, .letter_star.letter5:before { left: 0px; width: 18px; background-position: -137px -117px } .letter_star.letter981.center:before, .letter_star.letter5.center:before { background-position: -137px -68px } .letter_star.letter981.bottom:before, .letter_star.letter5.bottom:before { background-position: -137px -18px } .letter_star.letter1009:before { left: 0px; width: 18px; background-position: -160px -117px } .letter_star.letter1009.center:before { background-position: -160px -68px } .letter_star.letter1009.bottom:before { background-position: -160px -18px } .letter_star.letter982:before { left: -1px; width: 28px; background-position: -180px -117px } .letter_star.letter982.center:before { background-position: -180px -68px } .letter_star.letter982.bottom:before { background-position: -180px -18px } .letter_star.letter983:before { left: -1px; width: 19px; background-position: -210px -117px } .letter_star.letter983.center:before { background-position: -210px -68px } .letter_star.letter983.bottom:before { background-position: -210px -18px } .letter_star.letter984:before { left: 1px; width: 21px; background-position: -234px -117px } .letter_star.letter984.center:before { background-position: -234px -68px } .letter_star.letter984.bottom:before { background-position: -234px -18px } .letter_star.letter985:before { left: 1px; width: 21px; background-position: -262px -117px } .letter_star.letter985.center:before { background-position: -262px -68px } .letter_star.letter985.bottom:before { background-position: -262px -18px } .letter_star.letter986:before, .letter_star.letter11:before { left: 0px; width: 19px; background-position: -290px -117px } .letter_star.letter986.center:before, .letter_star.letter11.center:before { background-position: -290px -68px } .letter_star.letter986.bottom:before, .letter_star.letter11.bottom:before { background-position: -290px -18px } .letter_star.letter987:before { left: -3px; width: 24px; background-position: -309px -117px } .letter_star.letter987.center:before { background-position: -309px -68px } .letter_star.letter987.bottom:before { background-position: -309px -18px } .letter_star.letter988:before, .letter_star.letter13:before { left: 0px; width: 26px; background-position: -339px -117px } .letter_star.letter988.center:before, .letter_star.letter13.center:before { background-position: -339px -68px } .letter_star.letter988.bottom:before, .letter_star.letter13.bottom:before { background-position: -339px -18px } .letter_star.letter989:before, .letter_star.letter8:before { left: 0px; width: 21px; background-position: -371px -117px } .letter_star.letter989.center:before, .letter_star.letter8.center:before { background-position: -371px -68px } .letter_star.letter989.bottom:before, .letter_star.letter8.bottom:before { background-position: -371px -18px } .letter_star.letter990:before, .letter_star.letter15:before { left: 0px; width: 24px; background-position: -398px -117px } .letter_star.letter990.center:before, .letter_star.letter15.center:before { background-position: -398px -68px } .letter_star.letter990.bottom:before, .letter_star.letter15.bottom:before { background-position: -398px -18px } .letter_star.letter991:before { left: 0px; width: 21px; background-position: -428px -117px } .letter_star.letter991.center:before { background-position: -428px -68px } .letter_star.letter991.bottom:before { background-position: -428px -18px } .letter_star.letter992:before, .letter_star.letter16:before { left: 0px; width: 18px; background-position: -455px -117px } .letter_star.letter992.center:before, .letter_star.letter16.center::before { background-position: -455px -68px } .letter_star.letter992.bottom:before, .letter_star.letter16.bottom::before { background-position: -455px -18px } .letter_star.letter993:before, .letter_star.letter3:before { left: -1px; width: 21px; background-position: -478px -117px } .letter_star.letter993.center:before, .letter_star.letter3.center:before { background-position: -478px -68px } .letter_star.letter993.bottom:before, .letter_star.letter3.bottom:before { background-position: -478px -18px } .letter_star.letter994:before, .letter_star.letter20:before { left: -2px; width: 21px; background-position: -500px -117px } .letter_star.letter994.center:before, .letter_star.letter20.center:before { background-position: -500px -68px } .letter_star.letter994.bottom:before, .letter_star.letter20.bottom:before { background-position: -500px -18px } .letter_star.letter995:before { left: -1px; width: 21px; background-position: -523px -117px } .letter_star.letter995.center:before { background-position: -523px -68px } .letter_star.letter995.bottom:before { background-position: -523px -18px } .letter_star.letter996:before { left: 0px; width: 24px; background-position: -548px -117px } .letter_star.letter996.center:before { background-position: -548px -68px } .letter_star.letter996.bottom:before { background-position: -548px -18px } .letter_star.letter997:before, .letter_star.letter24:before { left: -1px; width: 20px; background-position: -575px -117px } .letter_star.letter997.center:before, .letter_star.letter24.center:before { background-position: -575px -68px } .letter_star.letter997.bottom:before, .letter_star.letter24.bottom:before { background-position: -575px -18px } .letter_star.letter998:before { left: 0px; width: 21px; background-position: -600px -117px } .letter_star.letter998.center:before { background-position: -600px -68px } .letter_star.letter998.bottom:before { background-position: -600px -18px } .letter_star.letter999:before { left: -1px; width: 21px; background-position: -626px -117px } .letter_star.letter999.center:before { background-position: -626px -68px } .letter_star.letter999.bottom:before { background-position: -626px -18px } .letter_star.letter1000:before { left: 0px; width: 30px; background-position: -653px -117px } .letter_star.letter1000.center:before { background-position: -653px -68px } .letter_star.letter1000.bottom:before { background-position: -653px -18px } .letter_star.letter1001:before { left: 1px; width: 30px; background-position: -689px -117px } .letter_star.letter1001.center:before { background-position: -689px -68px } .letter_star.letter1001.bottom:before { background-position: -689px -18px } .letter_star.letter1002:before { left: 2px; width: 18px; background-position: -726px -117px } .letter_star.letter1002.center:before { background-position: -726px -68px } .letter_star.letter1002.bottom:before { background-position: -726px -18px } .letter_star.letter1003:before { left: -1px; width: 24px; background-position: -750px -117px } .letter_star.letter1003.center:before { background-position: -750px -68px } .letter_star.letter1003.bottom:before { background-position: -750px -18px } .letter_star.letter1004:before { left: -1px; width: 18px; background-position: -782px -117px } .letter_star.letter1004.center:before { background-position: -782px -68px } .letter_star.letter1004.bottom:before { background-position: -782px -18px } .letter_star.letter1005:before { left: -1px; width: 21px; background-position: -804px -117px } .letter_star.letter1005.center:before { background-position: -804px -68px } .letter_star.letter1005.bottom:before { background-position: -804px -18px } .letter_star.letter1006:before { left: 0px; width: 31px; background-position: -830px -117px } .letter_star.letter1006.center:before { background-position: -830px -68px } .letter_star.letter1006.bottom:before { background-position: -830px -18px } .letter_star.letter1007:before { left: -1px; width: 20px; background-position: -864px -117px } .letter_star.letter1007.center:before { background-position: -864px -68px } .letter_star.letter1007.bottom:before { background-position: -864px -18px } .letter_star.letter4:before { left: 1px; width: 22px; background-position: -891px -117px } .letter_star.letter4.center:before { background-position: -891px -68px } .letter_star.letter4.bottom:before { background-position: -891px -18px } .letter_star.letter6:before { left: 0px; width: 18px; background-position: -917px -117px } .letter_star.letter6.center:before { background-position: -917px -68px } .letter_star.letter6.bottom:before { background-position: -917px -18px } .letter_star.letter7:before { left: -1px; width: 23px; background-position: -938px -117px } .letter_star.letter7.center:before { background-position: -938px -68px } .letter_star.letter7.bottom:before { background-position: -938px -18px } .letter_star.letter9:before { left: 1px; width: 7px; background-position: -966px -117px } .letter_star.letter9.center:before { background-position: -966px -68px } .letter_star.letter9.bottom:before { background-position: -966px -18px } .letter_star.letter10:before { left: -4px; width: 13px; height: 32px; background-position: -974px -117px } .letter_star.letter10.center:before { background-position: -974px -68px } .letter_star.letter10.bottom:before { background-position: -974px -18px } .letter_star.letter12:before { left: 0px; width: 18px; background-position: -993px -117px } .letter_star.letter12.center:before { background-position: -993px -68px } .letter_star.letter12.bottom:before { background-position: -993px -18px } .letter_star.letter14:before { left: 0px; width: 21px; background-position: -1015px -117px } .letter_star.letter14.center:before { background-position: -1015px -68px } .letter_star.letter14.bottom:before { background-position: -1015px -18px } .letter_star.letter17:before { left: -1px; width: 25px; background-position: -1041px -117px } .letter_star.letter17.center:before { background-position: -1041px -68px } .letter_star.letter17.bottom:before { background-position: -1041px -18px } .letter_star.letter18:before { left: 1px; width: 20px; background-position: -1071px -117px } .letter_star.letter18.center:before { background-position: -1071px -68px } .letter_star.letter18.bottom:before { background-position: -1071px -18px } .letter_star.letter19:before { left: -1px; width: 18px; background-position: -1094px -117px } .letter_star.letter19.center:before { background-position: -1094px -68px } .letter_star.letter19.bottom:before { background-position: -1094px -18px } .letter_star.letter21:before { left: 1px; width: 21px; background-position: -1117px -117px } .letter_star.letter21.center:before { background-position: -1117px -68px } .letter_star.letter21.bottom:before { background-position: -1117px -18px } .letter_star.letter22:before { left: -2px; width: 22px; background-position: -1142px -117px } .letter_star.letter22.center:before { background-position: -1142px -68px } .letter_star.letter22.bottom:before { background-position: -1142px -18px } .letter_star.letter23:before { left: -1px; width: 31px; background-position: -1166px -117px } .letter_star.letter23.center:before { background-position: -1166px -68px } .letter_star.letter23.bottom:before { background-position: -1166px -18px } .letter_star.letter25:before { left: -1px; width: 19px; background-position: -1199px -117px } .letter_star.letter25.center:before { background-position: -1199px -68px } .letter_star.letter25.bottom:before { background-position: -1199px -18px } .letter_star.letter26:before { left: -1px; width: 21px; background-position: -1221px -117px } .letter_star.letter26.center:before { background-position: -1221px -68px } .letter_star.letter26.bottom:before { background-position: -1221px -18px } #sidebar .catalog_menu > ul > li { margin-bottom: 5px; position: relative; } #sidebar .catalog_menu > ul > li > a:before { content: ""; position: absolute; width: 10px; height: 5px; left: 0px; top: -5px; background: url(../images/orange_li.png) 0 bottom no-repeat; } #sidebar .catalog_menu > ul > li:first-child > a:before { height: 10px; top: -10px; } #sidebar .catalog_menu > ul > li > a { display: block; padding: 0 25px 0 40px; margin-left: -10px; color: #FFF; text-transform: uppercase; font-size: 14px; white-space: nowrap; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); text-decoration: none; background: #fe7f0c; height: 40px; line-height: 40px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; position: relative; } #sidebar .catalog_menu > ul > li:hover > a { background: #ff9739; } #sidebar .catalog_menu > ul > li > a:active { margin-left: 0; margin-right: -10px; background: #ff7900; } #sidebar .catalog_menu > ul > li > a:active:before { display: none; } #sidebar .catalog_menu > ul > li.drop > a:after { content: ""; position: absolute; width: 8px; height: 14px; right: 13px; top: 13px; z-index: 1; background: url(../images/drop.png); } #sidebar .catalog_menu > ul > li.drop:hover > a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #sidebar .catalog_menu > ul > li ul { position: absolute; background: #FFF; z-index: 20; left: 0; left: 270px; top: -10px; border: 1px solid #ff9739; padding: 19px 23px 19px 19px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 1000; } #sidebar .catalog_menu > ul > li:hover ul { display: block; } #sidebar .catalog_menu > ul > li > ul > li { white-space: nowrap; margin-bottom: 6px; } #sidebar .catalog_menu > ul > li > ul > li a { font-size: 14px; color: #6ea3bd; } #main .right_sidebar.right { position: absolute; right: 0; width: 270px; top: 18px; z-index: 11; } #main .right_sidebar { margin-bottom: 20px; } #sidebar .selection_menu > ul > li > a:active { margin-left: 0; margin-right: -10px; } #sidebar .mini_banner { margin-left: 5px; margin-top: 180px; } .b-podbor{ width: 88%; position: relative; top: 150px; left: 5px; } #sidebar .selection_menu { margin-bottom: 25px; } #sidebar .selection_menu h2 { font-size: 30px; margin-left: 30px; margin-bottom: 11px; position: relative; } #sidebar .selection_menu > ul > li { margin-bottom: 5px; position: relative; } #sidebar .selection_menu > ul > li > a:before { content: ""; position: absolute; width: 10px; height: 5px; left: 0px; top: -5px; background: url(../images/blue_li.png) left bottom no-repeat; } #sidebar .right .selection_menu > ul > li > a:before { right: 0px; left: auto; background: url(../images/blue_li.png) right bottom no-repeat; } #sidebar .selection_menu > ul > li:first-child > a:before { height: 10px; top: -10px; } #sidebar .selection_menu > ul > li > a { display: block; padding: 0 30px 0 30px; margin-left: -10px; color: #FFF; text-transform: uppercase; font-size: 14px; white-space: nowrap; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); text-decoration: none; background: #6d9fb8; height: 40px; line-height: 40px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; position: relative; } #sidebar .right .selection_menu > ul > li > a { padding: 0 40px 0 30px; margin-right: 0; margin-right: -10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #sidebar .selection_menu > ul > li > a:hover { background: #88bed9 } #sidebar .right .selection_menu > ul > li > a:active { margin-right: 0; margin-left: -10px; } #sidebar .selection_menu > ul > li > a:active { background: #6ea3bd; margin-left: 0; } #sidebar .selection_menu > ul > li > a:active:before { display: none; } #sidebar .mini_banner { width: 240px; height: 70px; } #sidebar .mini_banner img { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #sidebar .filter { margin: 0 0 18px -10px; color: #FFF; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; position: relative; padding: 25px 0 30px 40px; background: rgb(117,117,117); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzU3NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,117,117,1) 0%, rgba(87,87,87,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(100%,rgba(87,87,87,1))); background: -webkit-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: -o-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: -ms-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: linear-gradient(to bottom, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#575757',GradientType=0 ); } :root #sidebar .filter { filter: none \0/; } #sidebar .filter:before { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: -10px; background: url(../images/gray_li.png) 0 bottom no-repeat; } #sidebar .filter.triangle:after { content: ""; position: absolute; width: 30px; height: 480px; right: -30px; top: 50%; margin-top: -240px; background: url(../images/triangle.png); } #sidebar .filter .buttonset { overflow: hidden; margin-bottom: 25px; } #sidebar .filter .buttonset input[type="radio"] { display: none; } #sidebar .filter .buttonset label { width: 105px; float: left; text-align: center; height: 30px; line-height: 30px; background: #FFF; filter: none; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); text-shadow: none; color: #333333; cursor: pointer; } #sidebar .filter .buttonset label:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } :root #sidebar .filter .buttonset label:hover { filter: none \0/; } #sidebar .filter .buttonset label.ui-state-active { background: rgb(124,173,197); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Zjk1YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(124,173,197,1) 0%, rgba(95,149,177,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,173,197,1)), color-stop(100%,rgba(95,149,177,1))); background: -webkit-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: -o-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: -ms-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: linear-gradient(to bottom, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cadc5', endColorstr='#5f95b1',GradientType=0 ); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); cursor: default; color: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } :root #sidebar .filter .buttonset label.ui-state-active { filter: none \0/; } #sidebar .filter .buttonset .ui-corner-left { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } #sidebar .filter .buttonset .ui-corner-right { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } #sidebar .filter h4 { font-weight: normal; margin-bottom: 6px; } #sidebar .filter input[type="text"] { float: left; padding: 0 17px 0 10px; width: 73px; margin-right: 10px; background: #FFF url(../images/cur2.png) 83px 11px no-repeat; } #sidebar .filter .price_row { overflow: hidden; margin-bottom: 30px; } #sidebar .filter .green_button { width: 210px; font-size: 14px; } #main input[type="text"] { border: 0; border: 0; height: 30px; line-height: 30px \9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); color: #333333; font-size: 14px; background: #FFF; } #main .producer { padding-left: 30px; margin-bottom: 30px; } #main .producer h2 { position: relative; padding-bottom: 1px; } #main .producer ul { overflow: hidden; } #main .producer ul li { float: left; width: 110px; margin-top: 10px; } #main .producer ul li a { white-space: nowrap; letter-spacing: -1px; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; color: #3b87ae; } #main .producer ul li a:hover { color: #FFF; background: #6c9eb7; } #sidebar .subscribe { background: rgb(117,117,117); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzU3NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,117,117,1) 0%, rgba(87,87,87,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(100%,rgba(87,87,87,1))); background: -webkit-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: -o-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: -ms-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: linear-gradient(to bottom, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#575757',GradientType=0 ); padding: 18px 0 30px 40px; margin: 0 0 18px -10px; color: #FFF; position: relative; } :root #sidebar .subscribe { filter: none \0/; } #sidebar .subscribe:before { content: ""; position: absolute; width: 10px; height: 10px; left: 0; bottom: -10px; top: auto; background: url(../images/gray_li_bottom.png); } #sidebar .subscribe form { position: relative; width: 210px; height: 40px; } #sidebar .subscribe h2 { margin-bottom: 11px; } #sidebar .subscribe form input[type="text"] { width: 140px; height: 40px; line-height: 40px; padding: 0 53px 0 17px; font-size: 14px; font-style: italic; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sidebar .subscribe form button { position: absolute; width: 40px; height: 40px; right: 0; top: 0; font-size: 18px; font-weight: bold; color: #FFF; } #sidebar .states { padding-left: 30px; margin-bottom: 20px; } #sidebar .states h2 { white-space: nowrap; letter-spacing: -1px; position: relative; margin-bottom: 11px; } #sidebar .states ul { margin-bottom: 18px; } #sidebar .states li { background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom: 10px; } #sidebar .states li .image_wrapper { float: left; width: 50px; height: 50px; margin-right: 20px; } #sidebar .states li .image_wrapper img { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 50px; height: 50px; } #sidebar .states li .state_name { float: left; width: 160px; color: #3b87ae; line-height: 20px; text-decoration: none; margin-top: 5px; height: 40px; overflow: hidden; } #sidebar .states li .state_name:hover { text-decoration: underline; } #sidebar .states .all { display: block; text-align: right; font-size: 12px; color: #666666; } #content { width: 1050px; margin-left: 30px; float: left; position: relative; z-index: } #content .banner_wrapper { width: 780px; min-height: 412px; margin-bottom: 17px; } #content .banner_wrapper h2 { text-align: center; margin-bottom: 6px; } #content .banner_wrapper .about_row { display: block; text-align: center; } #banner img { width: 780px; height: 260px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; } .banner_wrap { position: relative; margin: 26px 0 30px 0; } .banner_wrap .bx-controls-direction a { position: absolute; width: 30px; height: 50px; text-indent: -900px; overflow: hidden; top: 95px; background: url(../images/nav.png); } .banner_wrap .bx-controls-direction a.bx-prev { left: -10px; background-position: 0 0; } .banner_wrap .bx-controls-direction a.bx-next { right: -10px; background-position: right 0; } .banner_wrap .bx-controls-direction a.bx-prev:hover { background-position: 0 -50px; } .banner_wrap .bx-controls-direction a.bx-next:hover { background-position: right -50px; } .banner_wrap .bx-controls-direction a.bx-prev:active { background-position: 0 -100px; left: 0; } .banner_wrap .bx-controls-direction a.bx-next:active { background-position: right -100px; right: 0; } .banner_wrap .bx-pager { position: absolute; right: 10px; top: 10px; } .banner_wrap .bx-pager .bx-pager-item { float: left; width: 14px; height: 14px; margin-left: 6px; } .banner_wrap .bx-pager .bx-pager-item a { display: block; width: 14px; height: 14px; overflow: hidden; text-indent: -999px; background: rgb(122,170,194); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYWFjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZjkzYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(122,170,194,1) 0%, rgba(95,147,176,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,170,194,1)), color-stop(100%,rgba(95,147,176,1))); background: -webkit-linear-gradient(top, rgba(122,170,194,1) 0%,rgba(95,147,176,1) 100%); background: -o-linear-gradient(top, rgba(122,170,194,1) 0%,rgba(95,147,176,1) 100%); background: -ms-linear-gradient(top, rgba(122,170,194,1) 0%,rgba(95,147,176,1) 100%); background: linear-gradient(to bottom, rgba(122,170,194,1) 0%,rgba(95,147,176,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aaac2', endColorstr='#5f93b0',GradientType=0 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .banner_wrap .bx-pager .bx-pager-item a:hover { background: #88bed9; } .banner_wrap .bx-pager .bx-pager-item a:active { background: #6ea3bd; } .banner_wrap .bx-pager .bx-pager-item a.active { background: #FFF; } :root .banner_wrap .bx-pager .bx-pager-item a { filter: none \0/; } #progress { height: 3px; background: #6ea3bd; position: absolute; bottom: 0; left: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #main .last_news { overflow: hidden; margin-left: -40px; } #main .last_news li { margin-left: 40px; width: 370px; float: left; height: 30px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FFF; line-height: 30px; } #main .last_news li .date { float: left; width: 80px; height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; color: #FFF; text-align: center; background: rgb(117,117,117); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzU3NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,117,117,1) 0%, rgba(87,87,87,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(100%,rgba(87,87,87,1))); background: -webkit-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: -o-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: -ms-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); background: linear-gradient(to bottom, rgba(117,117,117,1) 0%,rgba(87,87,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#575757',GradientType=0 ); margin-right: 13px; text-decoration: none; } #main .last_news li a:hover .date { background: rgb(124,173,197); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Zjk1YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(124,173,197,1) 0%, rgba(95,149,177,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,173,197,1)), color-stop(100%,rgba(95,149,177,1))); background: -webkit-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: -o-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: -ms-linear-gradient(top, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); background: linear-gradient(to bottom, rgba(124,173,197,1) 0%,rgba(95,149,177,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cadc5', endColorstr='#5f95b1',GradientType=0 ); } :root #main .last_news li .date { filter: none \0/; } #main .last_news li .news_name { float: left; width: 267px; color: #3b87ae; text-decoration: none; } #main .last_news li a:hover .news_name { text-decoration: underline; } #main .catalog .catalog_tabs { } #main .catalog .catalog_tabs .ui-tabs-nav { overflow: hidden; border-bottom: 3px solid #558700; padding-top: 18px; } #main .catalog .catalog_tabs .ui-tabs-nav li { float: left; margin-left: 1px; width: 261px; } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active { margin-left: 0; width: 261px; } #main .catalog .catalog_tabs .ui-tabs-nav li a { display: block; font-size: 11px; color: #333; height: 24px; text-transform: uppercase; text-decoration: none; padding: 8px 0 0 0; background: #ffffff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; text-align: center; } #main .catalog .catalog_tabs .ui-tabs-nav li a:hover { background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } :root #main .catalog .catalog_tabs .ui-tabs-nav li a:hover { filter: none \0/; } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active a { padding: 12px 0 1px 0; font-size: 11px; white-space: nowrap; margin-top: -5px; color: #FFF; } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active.new a { background: rgb(117,164,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OThjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,164,0,1) 0%, rgba(89,140,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,164,0,1)), color-stop(100%,rgba(89,140,0,1))); background: -webkit-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(89,140,0,1) 100%); background: -o-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(89,140,0,1) 100%); background: -ms-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(89,140,0,1) 100%); background: linear-gradient(to bottom, rgba(117,164,0,1) 0%,rgba(89,140,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a400', endColorstr='#598c00',GradientType=0 ); } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active.hit a { background: rgb(206,183,7); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlYjcwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGExMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(206,183,7,1) 0%, rgba(189,161,3,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,183,7,1)), color-stop(100%,rgba(189,161,3,1))); background: -webkit-linear-gradient(top, rgba(206,183,7,1) 0%,rgba(189,161,3,1) 100%); background: -o-linear-gradient(top, rgba(206,183,7,1) 0%,rgba(189,161,3,1) 100%); background: -ms-linear-gradient(top, rgba(206,183,7,1) 0%,rgba(189,161,3,1) 100%); background: linear-gradient(to bottom, rgba(206,183,7,1) 0%,rgba(189,161,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb707', endColorstr='#bda103',GradientType=0 ); } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active.sale a { background: rgb(218,62,7); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhM2UwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDI2MDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(218,62,7,1) 0%, rgba(205,38,3,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,62,7,1)), color-stop(100%,rgba(205,38,3,1))); background: -webkit-linear-gradient(top, rgba(218,62,7,1) 0%,rgba(205,38,3,1) 100%); background: -o-linear-gradient(top, rgba(218,62,7,1) 0%,rgba(205,38,3,1) 100%); background: -ms-linear-gradient(top, rgba(218,62,7,1) 0%,rgba(205,38,3,1) 100%); background: linear-gradient(to bottom, rgba(218,62,7,1) 0%,rgba(205,38,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da3e07', endColorstr='#cd2603',GradientType=0 ); } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active.event a { background: rgb(255,135,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjZiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,135,0,1) 0%, rgba(255,107,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,135,0,1)), color-stop(100%,rgba(255,107,0,1))); background: -webkit-linear-gradient(top, rgba(255,135,0,1) 0%,rgba(255,107,0,1) 100%); background: -o-linear-gradient(top, rgba(255,135,0,1) 0%,rgba(255,107,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,135,0,1) 0%,rgba(255,107,0,1) 100%); background: linear-gradient(to bottom, rgba(255,135,0,1) 0%,rgba(255,107,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8700', endColorstr='#ff6b00',GradientType=0 ); } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active.week a { background: rgb(101,133,225); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1ODVlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODY4ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(101,133,225,1) 0%, rgba(72,104,214,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,133,225,1)), color-stop(100%,rgba(72,104,214,1))); background: -webkit-linear-gradient(top, rgba(101,133,225,1) 0%,rgba(72,104,214,1) 100%); background: -o-linear-gradient(top, rgba(101,133,225,1) 0%,rgba(72,104,214,1) 100%); background: -ms-linear-gradient(top, rgba(101,133,225,1) 0%,rgba(72,104,214,1) 100%); background: linear-gradient(to bottom, rgba(101,133,225,1) 0%,rgba(72,104,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6585e1', endColorstr='#4868d6',GradientType=0 ); } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active.month a { background: rgb(111,76,194); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmNGNjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjMxYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(111,76,194,1) 0%, rgba(82,49,174,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,76,194,1)), color-stop(100%,rgba(82,49,174,1))); background: -webkit-linear-gradient(top, rgba(111,76,194,1) 0%,rgba(82,49,174,1) 100%); background: -o-linear-gradient(top, rgba(111,76,194,1) 0%,rgba(82,49,174,1) 100%); background: -ms-linear-gradient(top, rgba(111,76,194,1) 0%,rgba(82,49,174,1) 100%); background: linear-gradient(to bottom, rgba(111,76,194,1) 0%,rgba(82,49,174,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f4cc2', endColorstr='#5231ae',GradientType=0 ); } :root #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active a { filter: none \0/; } #main .catalog .catalog_tabs .ui-tabs-nav li a span { padding-left: 40px; position: relative; } #main .catalog .catalog_tabs .ui-tabs-nav li a span:before { content: ""; position: absolute; width: 30px; height: 30px; position: absolute; left: 0; top: -15px; -o-background-size: 100% auto; -webkit-background-size: 100% auto; -khtml-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } #main .catalog .catalog_tabs .ui-tabs-nav li.new a span:before { background-image: url(../images/star_new.png); } #main .catalog .catalog_tabs .ui-tabs-nav li.hit a span:before { background-image: url(../images/star_hit.png); } #main .catalog .catalog_tabs .ui-tabs-nav li.sale a span:before { background-image: url(../images/star_sale.png); } #main .catalog .catalog_tabs .ui-tabs-nav li.event a span:before { background-image: url(../images/star_event.png); } #main .catalog .catalog_tabs .ui-tabs-nav li.week a span:before { background-image: url(../images/star_week.png); } #main .catalog .catalog_tabs .ui-tabs-nav li.month a span:before { background-image: url(../images/star_month.png); } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active a span:before { background-position: 0 -30px; left: 0; top: -15px; } #main .catalog .catalog_tabs .ui-tabs-panel { background: #FFF; padding: 10px 0 1px 0; } .product_list { } .product_list li { margin: 0 0 10px 10px; width: 198px; height: 300px; float: left; position: relative; } .product_list.type1 li, .product_list.type2 li { float: none; width: auto; height: auto; margin: 0 10px 10px 10px; } .product_list li .product_wrapper { width: 178px; height: auto; padding: 7px 10px 10px 10px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); position: relative; } .product_list.type1 li .product_wrapper { width: auto; padding: 0 0 20px 0; } .product_list.type2 li .product_wrapper { width: auto; padding: 0 0 0px 0; overflow: hidden; } :root .product_list li .product_wrapper { filter: none \0/; } .product_list li:hover .product_wrapper { margin-left: -20px; margin-top: -20px; padding: 27px 30px 32px 30px; position: absolute; left: 0; top: 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; z-index: 10; } .product_list.type1 li:hover .product_wrapper { margin: 0; padding: 0 0 20px 0; position: relative; } .product_list.type2 li:hover .product_wrapper { margin: 0; padding: 0 0 0 0; position: relative; } .product_list li .product_wrapper .hidden_text { font-size: 12px; line-height: 15px; margin-top: 9px; display: none; } .product_list.type2 li .product_wrapper .hidden_text { display: none !important; } .product_list.type1 li .product_wrapper .hidden_text { display: block; padding-bottom: 50px; font-size: 14px; line-height: 20px; margin: 0 20px 0 230px; } .product_list li:hover .product_wrapper .hidden_text { display: block; } .product_list li .product_wrapper .rating { float: left; width: 71px; height: 36px; overflow: hidden; margin-top: -20px; } .product_list.type1 li .product_wrapper .rating { position: absolute; left: 230px; bottom: 33px; } .product_list.type2 li .product_wrapper .rating { display: none; } .product_list li .product_wrapper .compare { float: right; color: #666666; font-size: 12px; text-decoration: none; border-bottom: 1px dashed; } .product_list.type1 li .product_wrapper .compare { position: absolute; left: 350px; bottom: 31px; } .product_list.type2 li .product_wrapper .compare { display: none; } .product_list li .product_wrapper .compare:hover { border-bottom: 0; margin-bottom: 1px; } .product_list li .product_wrapper .action { width: 60px; height: 60px; position: absolute; right: 10px; top: 30px; } .product_list.type1 li .product_wrapper .action { left: 148px !important; top: 20px !important; } .product_list.type2 li .product_wrapper .action { position: relative; width: 40px; height: 40px; right: auto; top: auto; float: left; -o-background-size: 100% auto; -webkit-background-size: 100% auto; -khtml-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; margin-top: 20px; } .product_list.type2 li .clear { display: none; } .product_list li:hover .product_wrapper .action { right: 30px; top: 50px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .product_list.type2 li:hover .product_wrapper .action { right: auto; top: auto; } .product_list li .product_wrapper .action.new { background-image: url(../images/star_new.png); } .product_list li .product_wrapper .action.hit { background-image: url(../images/star_hit.png); } .product_list li .product_wrapper .action.sale { background-image: url(../images/star_sale.png); } .product_list li .product_wrapper .action.event { background-image: url(../images/star_event.png); } .product_list li .product_wrapper .action.week { background-image: url(../images/star_week.png); } .product_list li .product_wrapper .action.month { background-image: url(../images/star_month.png); } .product_list li .product_wrapper .image_wrapper { display: block; height: 130px; text-align: center; line-height: 130px; margin: 6px 0 5px 0; } .product_list.type1 li .product_wrapper .image_wrapper { float: left; width: 160px; height: 160px; line-height: 160px; margin: 30px 30px 0px 20px; } .product_list.type2 li .product_wrapper .image_wrapper { float: left; width: 40px; height: 40px; line-height: 40px; margin: 20px 20px 20px 20px; } .product_list li .product_wrapper .image_wrapper img { max-width: 100%; max-height: 100%; vertical-align: middle; } .product_list li .product_wrapper .product_name { text-align: center; color: #3b87ae; height: 40px; line-height: 20px; overflow: hidden; display: block; text-align: center; margin-bottom: 5px; } .product_list.type1 li .product_wrapper .product_name { height: auto; line-height: normal; font-size: 18px; text-align: left; margin: 16px 20px 14px 230px; } .product_list.type2 li .product_wrapper .product_name { height: auto; line-height: normal; font-size: 18px; text-align: left; float: left; margin: 27px 20px 29px 0; max-width: 430px; } .product_list li .product_wrapper .price { float: left; width: 120px; margin-top: 3px; text-align: center; margin-bottom: 10px; } .product_list.type1 li .product_wrapper .price { position: absolute; bottom: 14px; right: 290px; } .product_list.type2 li .product_wrapper .price { top: 50%; position: absolute; right: 290px; margin-top: -20px; } .product_list li .product_wrapper .price span { padding-right: 18px; background: url(../images/cur3.png) right 5px no-repeat; font-size: 18px; font-weight: 800; } .product_list.type1 li .product_wrapper .price span, .product_list.type2 li .product_wrapper .price span { font-size: 24px; padding-right: 24px; background: url(../images/cur5.png) right 9px no-repeat; } .product_list li .product_wrapper .ui-spinner { float: right; width: 50px; height: 30px; position: relative; margin-bottom: 10px; } .product_list.type1 li .product_wrapper .ui-spinner { position: absolute; right: 210px; bottom: 20px; width: 59px; height: 40px; margin-bottom: 0; } .product_list.type2 li .product_wrapper .ui-spinner { position: absolute; right: 210px; bottom: 20px; width: 59px; height: 40px; margin-bottom: 0; top: 50%; margin-top: -20px; } .product_list li .product_wrapper .ui-spinner .ui-spinner-button { width: 5px; height: 9px; position: absolute; top: 11px; background: url(../images/spinner.png); overflow: hidden; text-indent: -999px; cursor: pointer; } .product_list.type1 li .product_wrapper .ui-spinner .ui-spinner-button, .product_list.type2 li .product_wrapper .ui-spinner .ui-spinner-button { top: 16px; } .product_list li .product_wrapper .ui-spinner .ui-spinner-down { left: 8px; } .product_list li .product_wrapper .ui-spinner .ui-spinner-up { right: 8px; background-position: right 0; } .product_list li .product_wrapper .ui-spinner .ui-spinner-down:hover { background-position: 0 -9px; } .product_list li .product_wrapper .ui-spinner .ui-spinner-up:hover { background-position: right -9px; } .product_list li .product_wrapper .ui-spinner .ui-spinner-down.disabled { cursor: default; background-position: 0 bottom; } .product_list li .product_wrapper .ui-spinner .ui-spinner-up.disabled { cursor: default; background-position: right bottom; } .product_list li .product_wrapper .ui-spinner .spinner { height: 30px; padding: 0 15px; width: 20px; border: 0; font-weight: 600; font-size: 18px; text-align: center; } #main .product_list.type1 li .product_wrapper .ui-spinner .spinner, #main .product_list.type2 li .product_wrapper .ui-spinner .spinner { width: 19px; height: 40px; padding: 0 20px; line-height: 40px; font-size: 18px; font-weight: bold; } .product_list li .product_wrapper .green_button { float: left; width: 120px; } .product_list.type1 li .product_wrapper .green_button { position: absolute; bottom: 20px; right: 79px; } .product_list.type2 li .product_wrapper .green_button { position: absolute; top: 50%; margin-top: -20px; right: 79px; } .product_list li .product_wrapper .add_to_cart { width: 50px; height: 40px; float: right; position: relative; } .product_list.type1 li .product_wrapper .add_to_cart { position: absolute; bottom: 20px; right: 20px } .product_list.type2 li .product_wrapper .add_to_cart { position: absolute; top: 50%; margin-top: -20px; right: 20px; } .product_list li .product_wrapper .add_to_cart:after { width: 21px; height: 22px; content: ""; position: absolute; background: url(../images/cart2.png); left: 15px; top: 8px; } .product_list.type1 li .product_wrapper .clear { display: none; } .product_list.type1 li .product_wrapper { overflow: hidden; } #main .consultation { background: #FFF; text-align: center; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 23px 0 25px 0; margin-bottom: 18px; } #main .consultation .top_row { display: block; font-size: 24px; color: #666666; font-weight: 300; margin-bottom: 1px; } #main .consultation h2 { display: block; font-size: 30px; color: #333333; font-weight: 300; margin-bottom: 12px; } #main .consultation .bottom_row { display: block; font-size: 18px; color: #333333; } #main .consultation .bottom_row a { text-decoration: none; color: #3b87ae; border-bottom: 1px dashed; } #main .consultation .bottom_row a:hover { border-bottom: 0; } #main .bottom_text { } #main .bottom_text h2 { text-align: center; margin-bottom: 16px; } #main .bottom_text .col { float: left; box-sizing: border-box; padding-left: 30px; width: 50%; } #main .bottom_text p { font-size: 14px; line-height: 20px; margin-bottom: 20px; } .catalog_page { background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 0; margin-bottom: 28px; } #main .breadcrumbs { font-size: 12px; font-weight: 300; padding: 19px 0 4px 0; } #main .breadcrumbs .divider { margin: 0 6px; } .pagination { padding: 10px 0 0 20px; font-size: 14px; line-height: 30px; } .pagination a { width: 30px; height: 30px; display: inline-block; text-align: center; } .pagination span { display: inline-block; height: 30px; line-height: 30px; width: 30px; text-align: center; padding: 0; border: 0; text-decoration: none; text-transform: uppercase; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background: rgb(117,164,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,164,0,1) 0%, rgba(87,138,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,164,0,1)), color-stop(100%,rgba(87,138,0,1))); background: -webkit-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -o-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -ms-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: linear-gradient(to bottom, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a400', endColorstr='#578a00',GradientType=0 ); } .category_menu { margin-left: -10px; overflow: hidden; margin-bottom: 20px; } .category_menu li { margin-left: 10px; margin-bottom: 10px; float: left; width: 255px; text-align: center; } .category_menu li a { display: block; line-height: 20px; font-size: 15px; padding: 0 0 0 65px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 60px; background: #FFF; position: relative; } .category_menu li a:before { content: ""; position: absolute; left: 15px; top: 11px; width: 40px; height: 40px; background: url(../images/category.png); } .category_menu li.c1 a:before { background-position: 0 0; } .category_menu li.c2 a:before { background-position: -40px 0; } .category_menu li.c3 a:before { background-position: -80px 0; } .category_menu li.c4 a:before { background-position: -120px 0; } .category_menu li a span { display: table-cell; height: 60px; vertical-align: middle; text-align: left; } .category_menu li a:hover { text-decoration: underline; } .catalog_page .top_filter { padding-bottom: 20px; height: 30px; } .catalog_page .top_filter .product_number { float: left; width: 198px; padding-left: 20px; font-size: 14px; color: #000; height: 30px; line-height: 30px; } .catalog_page .top_filter .sort { float: left; width: 288px; } .catalog_page .top_filter .sort a { float: left; margin: 5px 6px 0 10px; color: #6ea3bd; text-decoration: none; font-size: 14px; border-bottom: 1px dashed #6ea3bd; } .catalog_page .top_filter .sort a:hover { border-bottom: 0; } .catalog_page .top_filter .sort a.active { margin: 0 6px 0 0; position: relative; height: 30px; line-height: 30px; text-align: center; padding: 0; padding: 0 26px 0 10px; border: 0; text-decoration: none; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background: rgb(117,164,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,164,0,1) 0%, rgba(87,138,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,164,0,1)), color-stop(100%,rgba(87,138,0,1))); background: -webkit-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -o-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -ms-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: linear-gradient(to bottom, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a400', endColorstr='#578a00',GradientType=0 ); } .catalog_page .top_filter .sort a.active:hover { filter: none; background: #7bb900; } .catalog_page .top_filter .sort a.active:active { filter: none; background: #669900; } .catalog_page .top_filter .sort a.active:before { content: ""; position: absolute; right: 9px; top: 12px; width: 9px; height: 6px; background: url(../images/arrow.png) 0 bottom no-repeat; } .catalog_page .top_filter .sort a.active.descending:before { background-position: 0 bottom; } .catalog_page .top_filter .sort a.active.ascending:before { background-position: 0 top; } .catalog_page .top_filter .select_wrapper { float: left; width: 204px; } .catalog_page .top_filter .items_on_page { float: right; width: 210px; } .catalog_page .top_filter .items_on_page a { float: left; margin-right: 14px; color: #6ea3bd; border-bottom: 1px dashed; text-decoration: none; margin-top: 5px; } .catalog_page .top_filter .items_on_page a:hover { border-bottom: 0; } .catalog_page .top_filter .items_on_page a.active { min-width: 16px; padding: 0 7px; height: 30px; line-height: 30px; border: 0; margin-top: 0; text-align: center; border: 0; text-decoration: none; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background: rgb(117,164,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,164,0,1) 0%, rgba(87,138,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,164,0,1)), color-stop(100%,rgba(87,138,0,1))); background: -webkit-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -o-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -ms-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: linear-gradient(to bottom, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a400', endColorstr='#578a00',GradientType=0 ); } .catalog_page .top_filter .catalog_type { float: right; width: 120px; } .catalog_page .top_filter .catalog_type a { width: 30px; height: 30px; float: left; margin-right: 10px; background: url(../images/on_page.png); background-repeat: no-repeat; } .catalog_page .top_filter .catalog_type a.type1 { background-position: 0px 0px; } .catalog_page .top_filter .catalog_type a.type1:hover, .catalog_page .top_filter .catalog_type a.type1.active { background-position: 0px -30px; } .catalog_page .top_filter .catalog_type a.type3 { background-position: -40px 0; } .catalog_page .top_filter .catalog_type a.type3:hover, .catalog_page .top_filter .catalog_type a.type3.active { background-position: -40px -30px; } .catalog_page .top_filter .catalog_type a.type2 { background-position: -80px 0; } .catalog_page .top_filter .catalog_type a.type2:hover, .catalog_page .top_filter .catalog_type a.type2.active { background-position: -80px -30px; } .selectbox { vertical-align: middle; cursor: pointer; } .selectbox .select { height: 30px; position: relative; height: 30px; line-height: 30px; padding: 0; padding: 0 20px 0 10px; min-width: 98px; border: 0; text-decoration: none; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background: rgb(117,164,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NzhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(117,164,0,1) 0%, rgba(87,138,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,164,0,1)), color-stop(100%,rgba(87,138,0,1))); background: -webkit-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -o-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: -ms-linear-gradient(top, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); background: linear-gradient(to bottom, rgba(117,164,0,1) 0%,rgba(87,138,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a400', endColorstr='#578a00',GradientType=0 ); } :root .selectbox .select { filter: none \0/; } .selectbox .select:hover { filter: none; background: #7bb900; } .selectbox .select:hover { } .selectbox.focused .select { border: 1px solid #5794BF; } .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .selectbox .trigger .arrow { position: absolute; right: 9px; top: 12px; width: 9px; height: 6px; background: url(../images/arrow.png) 0 bottom no-repeat; } .selectbox .dropdown { top: 33px; width: 240px; margin: 0; padding: 4px 0; background: #FFF; border: 1px solid #C6CBD0; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); font: 14px/18px Arial, Tahoma, sans-serif; } .selectbox li { padding: 5px 10px 6px; color: #231F20; } .selectbox li.selected { background: #A3ABB1; color: #FFF; } .selectbox li:hover { background: #08C; color: #FFF; } .selectbox li.disabled { color: #AAA; } .selectbox li.disabled:hover { background: none; } #main .star_list { } #main .star_list li { padding: 0 0 11px 20px; background: url(../images/star_list.png) 0 4px no-repeat; } .product_page { padding: 10px 0 0 0; } .product_page .product_left { float: left; width: 350px; margin-bottom: 30px; } .product_page .product_left .product_image { width: 340px; height: 340px; background: #FFF; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0 0 10px; margin-bottom: 30px; } .product_page .product_left .product_image .bx-wrapper { } .product_page .product_left .product_image .bx-wrapper li { width: 330px; height: 330px; line-height: 330px; text-align: center; overflow: hidden; } .product_page .product_left .product_image .bx-wrapper li img { max-width: 330px; max-height: 330px; vertical-align: middle; } .product_page .product_left .product_image .image_preview { position: absolute; right: 10px; bottom: 10px; z-index: 101; } .product_page .product_left .product_image .image_preview a { border: 1px solid #6ea3bd; width: 58px; height: 58px; margin-left: 10px; float: right; } .product_page .product_left .product_image .image_preview img { width: 58px; height: 58px; display: block; } .product_page .product_left .product_image .image_preview a.active { display: none; } .product_page .product_left .product_image .action { width: 100px; height: 100px; position: absolute; right: -15px; top: -15px; z-index: 102 } .product_page .product_left .product_image .action.new { background-image: url(../images/new_big.png); } .product_page .product_left .product_image .action.hit { background-image: url(../images/hit_big.png); } .product_page .product_left .product_image .action.sale { background-image: url(../images/sale_big.png); } .product_page .product_left .product_image .action.event { background-image: url(../images/event_big.png); } .product_page .product_left .product_image .action.week { background-image: url(../images/week_big.png); } .product_page .product_left .product_image .action.month { background-image: url(../images/month_big.png); } #main .product_page .product_left .product_image .producer { position: absolute; left: 20px; top: 20px; padding: 0; z-index: 102; } #main .product_page .product_left .buy_block { background: #FFF; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 12px 20px 24px 20px; } #main .product_page .product_left .buy_block .price { text-align: center; color: #333333; font-size: 36px; font-weight: 800; margin-bottom: 9px; } #main .product_page .product_left .buy_block .price span { padding-right: 33px; background: url(../images/cur4.png) right 13px no-repeat; } #main .product_page .product_left .buy_block .green_button { float: left; width: 140px; font-size: 12px; margin-right: 50px; margin-bottom: 18px; } #main .product_page .product_left .buy_block .ui-spinner { float: left; width: 60px; height: 40px; position: relative; } #main .product_page .product_left .buy_block .ui-spinner input[type="text"] { width: 20px; height: 40px; text-align: center; font-size: 18px; font-weight: 600; padding: 0 20px; } #main .product_page .product_left .buy_block .ui-spinner .ui-spinner-button { width: 5px; height: 9px; position: absolute; top: 16px; background: url(../images/spinner.png); overflow: hidden; text-indent: -999px; cursor: pointer; } #main .product_page .product_left .buy_block .ui-spinner .ui-spinner-down { left: 11px; } #main .product_page .product_left .buy_block .ui-spinner .ui-spinner-up { right: 11px; background-position: right 0; } #main .product_page .product_left .buy_block .ui-spinner .ui-spinner-down:hover { background-position: 0 -9px; } .#main .product_page .product_left .buy_block .ui-spinner .ui-spinner-up:hover { background-position: right -9px; } #main .product_page .product_left .buy_block .ui-spinner .ui-spinner-down.disabled { cursor: default; background-position: 0 bottom; } #main .product_page .product_left .buy_block .ui-spinner .ui-spinner-up.disabled { cursor: default; background-position: right bottom; } #main .product_page .product_left .buy_block .add_to_cart { width: 50px; height: 40px; float: right; position: relative; margin-bottom: 18px; } #main .product_page .product_left .buy_block .add_to_cart:after { width: 21px; height: 22px; content: ""; position: absolute; background: url(../images/cart2.png); left: 15px; top: 8px; } #main .product_page .product_left .buy_block .rating { float: left; width: 120px; } #main .product_page .product_left .buy_block .compare, #main .product_page .product_left .buy_block .basket { float: left; font-size: 12px; text-decoration: none; color: #666666; border-bottom: 1px dashed; } #main .product_page .product_left .buy_block .basket { float: right; } #main .product_page .product_left .buy_block .compare:hover, #main .product_page .product_left .buy_block .basket:hover { border-bottom: 0; } #main .product_page .product_tabe_wrapper { float: right; width: 630px; padding: 20px 20px 20px 20px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } #main .product_page .product_tabe_wrapper table { width: 100%; border-collapse: collapse; color: #000000; font-size: 14px; line-height: 20px; } #main .product_page .product_tabe_wrapper table td { padding: 10px 20px 10px 9px; vertical-align: top; } #main .product_page .product_tabe_wrapper table td.col1 { text-transform: uppercase; white-space: nowrap; } #main .product_page .product_tabe_wrapper table tr:nth-child(2n+1) { background: #eeeeee; } #main .product_page .product_description { float: left; width: 450px; padding: 25px 30px 15px 30px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 30px; } #main .product_page .product_description p { margin-bottom: 10px; } #main .product_page .reviews { float: right; width: 450px; padding: 18px 30px 5px 30px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; color: #000; } #main .product_page .reviews h2 { margin-bottom: 16px; } #main .product_page .reviews .review_item { font-size: 14px; line-height: 20px; padding-bottom: 20px; } #main .product_page .reviews .review_item .review_info { color: #999999; } #main .product_page .reviews .review_item .review_text { text-indent: -5px; } #main .product_page .featured_products { background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; padding-top: 18px; } #main .product_page .featured_products h2 { margin: 0 0 11px 20px; } #main .contacts_left { } #main .contacts_info { background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; padding: 0 20px 0 30px; font-size: 14px; overflow: hidden; float: left; width: 540px; } #main .contacts_info .left { float: left; width: 250px; padding: 24px 0 26px 0; } #main .contacts_info .left .phone { display: block; color: #000000; font-size: 24px; font-weight: 300; } #main .contacts_info .left .city { color: #666666; font-weight: 300; display: block; margin: -2px 0 10px 0; } #main .contacts_info .left .callback { text-decoration: none; border-bottom: 1px dashed; } #main .contacts_info .left .callback:hover { border-bottom: 0; } #main .contacts_info .right { float: left; width: 290px; padding: 22px 0 18px 0; color: #000000; } #main .contacts_info .right h3 { font-weight: 300; font-size: 18px; margin-bottom: 9px; } #main .contacts_info .right .adress { display: block; line-height: 21px; } #main .contacts_info .right .time { display: block; line-height: 21px; color: #666666; font-size: 12px; margin-bottom: 9px; } #main .contacts_info .right .time span { margin: 0 0 0 7px; } #main .contacts_info .right .mail { display: block; margin-bottom: 11px; } #main .feedback { background: #747474; color: #FFF; padding: 23px 0 30px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; float: left; width: 560px; } #main .feedback h3 { font-size: 24px; font-weight: 300; margin-bottom: 13px; } #main .feedback input[type="text"] { font-style: italic; width: 240px; margin: 0 6px 10px 0; padding: 0 9px 0 11px; } #main .feedback input[type="text"]:focus { font-style: normal; } #main .feedback textarea { width: 330px; padding: 5px 9px 0 11px; height: 75px; resize: none; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.25); color: #333333; font-size: 14px; background: #FFF; border: 0; margin-right: 6px; font-style: italic; } #main .feedback textarea:focus { font-style: normal; } #main .feedback .green_button { display: inline-block; vertical-align: top; width: 170px; height: 80px; line-height: 80px; font-size: 18px; font-weight: 300; } #main .contacts_table { float: right; width: 390px; padding: 25px 20px 20px 20px; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } #main .contacts_table h3 { font-size: 18px; font-weight: 300; margin: 0 0 10px 10px; } #main .contacts_table table { width: 100%; border-collapse: collapse; line-height: 20px; font-size: 14px; color: #000; } #main .contacts_table table td { padding: 10px 10px 10px 9px; vertical-align: top; } #main .contacts_table table td.col1 { text-transform: uppercase; font-weight: 500; } #main .contacts_table table td.adress_row { } #main .contacts_table table td.adress_row b { display: block; } #main .contacts_table table tr:nth-child(2n+1) { background: #f9f9f9; } #main .contacts_wrapper { position: relative; padding-bottom: 230px; margin-bottom: 14px; } #main #map { width: 100%; position: absolute; left: 0; bottom: 0; height: 230px; } #main #map img { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 100%; } #main .shop_images { } #main .shop_images h2 { margin-bottom: 21px; } #main .shop_images ul { margin-left: -30px; } #main .shop_images ul li { margin: 0 0 30px 30px; width: 240px; float: left; } #main .shop_images ul li img { display: block; width: 240px; height: 140px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media only screen and (max-width: 1400px) { #header { width: 1060px; } #header .search_block { width: 360px; margin: 26px 30px 0 30px; } #main_menu li a { font-size: 13px; padding: 0px 15px 0 15px; } #main { width: 1080px; } #sidebar { width: 260px; } #sidebar .catalog_menu h2 { margin-left: 20px; } #sidebar .catalog_menu > ul > li > a { padding: 0 25px 0 30px; } #sidebar .catalog_menu > ul > li ul { left: 260px; } #main .right_sidebar { position: relative !important; right: auto !important; width: auto !important; top: auto !important; margin-bottom: 20px !important; } #sidebar .selection_menu h2 { margin-left: 20px !important; } #sidebar .selection_menu > ul > li > a:before { right: auto !important; left: 0px !important; background: url(../images/blue_li.png) left bottom no-repeat !important; } #sidebar .selection_menu > ul > li > a { padding: 0 30px 0 30px !important; margin-right: 0 !important; margin-left: -10px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; -moz-border-radius-bottomright: 3px !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } #sidebar .selection_menu > ul > li > a:active { margin-left: 0 !important; margin-right: -10px !important; } #sidebar .mini_banner { margin-left: 20px; margin-top: 180px; } #sidebar .filter { padding: 25px 0 30px 30px; } #main .producer { padding-left: 20px; } #sidebar .subscribe { padding: 18px 0 30px 30px; } #sidebar .states { padding-left: 20px; } #content { width: 780px; margin-left: 20px; float: left; } .product_list li { margin: 0 0 10px 6px; width: 188px; } .product_list li .product_wrapper { width: 178px; padding: 7px 5px 10px 5px; } .product_list li:hover .product_wrapper { padding: 27px 25px 32px 25px; } #main .catalog .catalog_tabs .ui-tabs-nav li { width: 129px; } #main .catalog .catalog_tabs .ui-tabs-nav li.ui-state-active { width: 130px; } #main .catalog .catalog_tabs .ui-tabs-nav li a span { padding-left: 35px; } #footer { width: 1060px; } #footer .footer_center { width: 280px; margin-left: 20px; } #sticky .bottom_line { width: 1040px; padding: 0px 20px; } #sticky .bottom_line .login_block { width: 310px; } #sticky .bottom_line .counter { width: 330px; } .catalog_page .top_filter .product_number { width: 110px; padding-left: 10px; } .catalog_page .top_filter .sort { float: left; width: 248px; } .catalog_page .top_filter .select_wrapper { float: left; width: 154px; } .catalog_page .top_filter .select_wrapper .select { width: 98px; } .catalog_page .top_filter .items_on_page { float: right; width: 130px; } .catalog_page .top_filter .items_on_page a { margin-right: 10px; } .product_list.type2 li .product_wrapper { padding-bottom: 50px !important; } .product_list.type2 li .product_wrapper .price, .product_list.type2 li .product_wrapper .ui-spinner, .product_list.type2 li .product_wrapper .green_button, .product_list.type2 li .product_wrapper .add_to_cart { bottom: 20px; margin-top: 0; top: auto; margin-bottom: 0; } .product_list.type2 li .product_wrapper .price { } .product_list.type1 li .product_wrapper .compare { left: 120px; } .product_list.type2 li .product_wrapper .product_name { max-width: 600px; } .product_list.type1 li .product_wrapper { padding-bottom: 60px !important; } .product_list.type1 li .product_wrapper .rating { left: 20px; right: auto; } .product_list.type1 li .product_wrapper .hidden_text { padding-bottom: 20px; } .category_menu li { margin-left: 10px; float: left; width: 187px; text-align: center; } .category_menu li a { display: block; line-height: 20px; font-size: 14px; padding: 0 0 0 65px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 60px; background: #FFF; position: relative; } .category_menu li a:before { left: 15px; } .product_page .product_left { float: none; width: auto; margin-bottom: 0; } .product_page .product_left .product_image { float: left; } #main .product_page .product_left .buy_block { float: right; width: 360px; } #main .product_page .product_left .buy_block .compare { margin-left: 20px; } #main .product_page .product_tabe_wrapper { float: none; width: auto; } #main .product_page .product_description { float: none; width: auto; } #main .product_page .reviews { float: none; width: auto; } #main .featured_products ul li:last-child { display: none; } #main .contacts_info { float: left; width: 210px; padding: 0 20px; margin-bottom: 30px; } #main .contacts_info .br { display: block; } #main .contacts_info .left { width: auto; float: none; padding-bottom: 0px; } #main .contacts_info .right { float: none; width: auto; } #main .feedback { float: right; width: 300px; padding: 18px 0px 30px 20px; } #main .feedback h3 { margin-bottom: 23px; } #main .feedback input[type="text"] { width: 260px; margin-bottom: 15px; } #main .feedback textarea { width: 260px; margin-bottom: 25px; height: 85px; } #main .feedback .green_button { width: 280px; } #main .contacts_table { float: left; } #main .clear_width { clear: both; } #main .no_clear { clear: none; } #main #map { float: right; width: 500px; position: relative; left: auto; bottom: auto; margin-bottom: 30px; } #main .contacts_wrapper { padding-bottom: 0; margin-bottom: 0; } } @media only screen and (max-width: 1080px) { #header { width: 1040px; } #header .search_block { width: 340px; } #main_menu li a { font-size: 13px; padding: 0px 14px 0 14px; } #main { width: 1060px; } #sidebar { width: 250px; } #sidebar .catalog_menu > ul > li ul { left: 250px; } #sidebar .catalog_menu h2 { margin-left: 10px; } #sidebar .catalog_menu > ul > li > a { padding: 0 25px 0 20px; } #sidebar .selection_menu h2 { margin-left: 10px; } #sidebar .selection_menu > ul > li > a { padding: 0 30px 0 20px; } #sidebar .mini_banner { margin-left: 10px; margin-top: 180px; } #sidebar .filter { padding: 25px 0 30px 20px; } #main .producer { padding-left: 10px; } #sidebar .subscribe { padding: 18px 0 30px 20px; } #sidebar .states { padding-left: 10px; } #footer { width: 1040px; } #footer .footer_center { width: 260px; margin-left: 20px; } #sticky .bottom_line { padding: 0px 10px; } } @media screen and (max-width: 1500px) { .catalog-link-filter-block{ width: 36%; } } .podbor-new{ width: 600px; background: url(/images/white.png) repeat; padding: 25px 25px 25px 0; } .podbor-new > ul{ text-align: center; } .podbor-new > ul > li { display: inline-block; margin: 0 0 30px 25px; vertical-align: top; text-align: left; } .podbor-new > ul > li > a{ font-size: 20px; } .podbor-new > ul > li > ul{ text-align: left; } .podbor-new > ul > li > ul > li{ margin-left: 20px; } .podbor-new > ul > li > ul > li > a{ } .podbor-new > ul > li > ul > li:before{ content: "-"; width: 10px; display: inline-block; } #content .sec-desc ul{ list-style: inside none disc; }