@CHARSET "UTF-8"; *{ font-family: 'Roboto', sans-serif; margin:0px; padding:0px; border: 0; line-height: 1.2em;} html{text-align:left; position: relative; min-height: 100%;} body{text-align:left;} button, input{outline: none;} /* HEAD * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #header{width: 100%;background: url('images/design/bg_header.png') repeat-y; border-spacing: 0;} #header td.descr{width: 60%; vertical-align: top;} #header td.descr h2{margin: 10px;font-size: 104.9%;font-weight: normal;} #header td.logo{width: 30%; vertical-align: top;} #header td.logo a{width: 278px;height: 88px;margin: 20px;overflow: hidden;text-indent: -1000em;background: transparent url('images/design/logo.png') no-repeat 0 0; float: left;} /* logo_NY или logo_23 */ #header td.contacts{width: 30%; vertical-align: center;} #header td.contacts ul{font-size: 129.9%;margin: 5px 5px 5px 30px; list-style-type: none;} #header td.contacts span.phone{background: url('images/design/icon_phone.png') left center no-repeat; padding-left: 25px; font-weight: bold;} #header td.contacts span.icq{background: url('images/design/icon_icq.png') left center no-repeat; padding-left: 25px;} #header td.contacts a.whatsapp{background: url('images/design/icon_whatsapp.png') left center no-repeat; padding-left: 25px;} #header td.contacts a.tg{background: url('images/design/icon_tg.png') left center no-repeat; padding-left: 25px;} #header td.contacts a.max{background: url('images/design/icon_max.png') left center no-repeat; padding-left: 25px;} #header td.contacts a.map{display: block; background: url('images/design/icon_map.png') center no-repeat;text-indent: -1000em; width: 121px; height: 64px; margin: 10px;} #header td.contacts a.map:hover{opacity: 0.8; filter: alpha(opacity=80);} #header td.contacts a.map:active{opacity: 0.6; filter: alpha(opacity=60);} #header td.menu{width: 60%; min-width: 750px; vertical-align: top;padding: 0 16px 0 0; background: url('images/design/grey.png') no-repeat right;} #header td.menu ul{ list-style-type: none; overflow: hidden; background: #eee; font-size: 102.1%; text-transform: uppercase; height: 40px; border-top: 2px solid #eee; border-bottom: 2px solid #ccc; } #header td.menu li{float: left;} #header td.menu a{padding: 0 20px;text-decoration: none;display: block;line-height: 40px;border-right: 1px solid #f5f5f5;color: #666;} #header td.menu a.service{padding-left: 30px; background: #eee url('images/design/service_icon.png') left+5px center no-repeat; } #header td.menu a.service:hover{opacity: .9; filter: alpha(opacity=90);} #header td.menu a:hover{background-color: #f5f5f5; color: #999;}#header td.menu a:active{opacity: 0.6; filter: alpha(opacity=60);} #header td.personal{width: 30%; height: 85px; vertical-align: top;padding: 0 20px 10px 20px;} #header td.personal ul{list-style-type: none; overflow: hidden;} #header td.personal ul li{float: left; margin-right: 15px;} #header td.personal ul li input{font-size: 85.1%; background: transparent url('images/design/icons_personal.png') no-repeat;} #header td.personal ul input.enter{background-position: 0 0; padding-left: 24px;} #header td.personal ul input.registration{background-position: -5px -18px; padding-left: 17px;} #header td.personal ul input.exit{background-position: 0 -40px; padding-left: 24px;} #header td.personal ul input.profile{background-position: -8px -60px; padding-left: 15px;} #header td.personal ul input.orders{background-position: -7px -80px; padding-left: 16px;} #header td.personal ul input.clients{background-position: 0 -99px; padding-left: 24px;} #header td.personal ul input.allcash{background-position: 0 -240px; padding-left: 24px;} #header td.personal div.basketEmpty{display: block; margin: 8px 0 2px 0; width: 190px; background: url('images/design/basket_disabled.png') no-repeat 5px 5px;} #header td.personal div.basketEmpty h4{margin-left: 60px; color: #777; line-height: 40px; font-size: 79.9%;} #header td.personal a.basket, #header td.personal a.basketAdmin{display: block; text-decoration: none; margin: 8px 0 2px 0; width: 190px; background: #ff9900 url('images/design/basket_enabled.png') no-repeat 5px 5px; border: 1px solid #ff9900; cursor: pointer; box-shadow: 0 0 8px #ffe44b, inset 0 0 4px #fff; -webkit-box-shadow: 0 0 8px #ffe44b, inset 0 0 4px #fff; -moz-box-shadow: 0 0 8px #ffe44b, inset 0 0 4px #fff;} #header td.personal a.basket:hover, #header td.personal a.basketAdmin:hover{box-shadow: 0 0 20px #ffe44b, inset 0 0 7px #fff; -webkit-box-shadow: 0 0 20px #ffe44b, inset 0 0 7px #fff; -moz-box-shadow: 0 0 20px #ffe44b, inset 0 0 7px #fff;} #header td.personal a.basket:active, #header td.personal a.basketAdmin:active{box-shadow: inset 2px 2px 3px #777; -webkit-box-shadow: inset 2px 2px 3px #777; -moz-box-shadow: inset 2px 2px 3px #777;} #header td.personal a.basket p, #header td.personal a.basketAdmin p{margin: 7px 0 7px 60px; color: #f0f0f0; font-size: 83.9%;} #header td.search{vertical-align: center; white-space: nowrap;} #header td.search form{text-align: center;} #header td.search form input[type=text]{font-size: 124.9%; padding: 5px; width: 80%;} #header td.search form input[type=submit]{text-indent: -1000em;background: transparent url(images/design/icon_search.png) no-repeat 0 0; width: 24px; height: 24px; cursor: pointer;}#header td.search form input[type=submit]:hover{opacity: 0.8; filter: alpha(opacity=80);}#header td.search form input[type=submit]:active{opacity: 0.6; filter: alpha(opacity=60);} #header td.auto{vertical-align: top; padding-top: 15px;} #header td.auto div{width: 100%; height: 210px; background: url('images/design/icons_bigauto.png') no-repeat; overflow: hidden;} /* icons_bigauto_NY или icons_bigauto_23 */ #header td.auto div.Lada_Largus{background-position: center -1905px;} #header td.auto div.Renault_Logan_faza1{background-position: center 62px;} #header td.auto div.Renault_Logan_faza2{background-position: center -151px;} #header td.auto div.Renault_Logan_faza3{background-position: center -384px;} #header td.auto div.Renault_Sandero{background-position: center -636px;} #header td.auto div.Renault_Sandero2{background-position: center -898px;} #header td.auto div.Renault_Sandero_Stepway{background-position: center -1155px;} #header td.auto div.Renault_Sandero_Stepway2{background-position: center -1394px;} #header td.auto div.Renault_Duster{background-position: center -1659px;} #header td.auto div.Renault{background-position: center -2150px;} #header ul.cars li{float: right;} #header ul.cars li.active{opacity: 1; filter: alpha(opacity=100);} form.search ul.cars li{opacity: 0.6; filter: alpha(opacity=60); float: left; border: 1px solid #fff;} form.search ul.cars li.active{border: 1px solid #0099cc; opacity: 1; filter: alpha(opacity=100);} form.search ul.cars li:hover{opacity: 0.9; filter: alpha(opacity=90);} ul.cars{list-style-type: none;text-indent: -1000em; } ul.cars li{background: url('images/design/icons_auto.png') no-repeat; padding: 2px; margin: 1px 2px; height: 24px; cursor: pointer;opacity: 0.3; filter: alpha(opacity=30);}ul.cars li:hover{opacity: 1.0; filter: alpha(opacity=100);}ul.cars li:active{opacity: 0.8; filter: alpha(opacity=80);} ul.cars li.active{} ul.cars li a{display: block;} ul.cars li.Lada_Largus{width: 54px; background-position: -2px -297px; } ul.cars li.Renault_Logan_faza1{width: 51px; background-position: -4px -27px;} ul.cars li.Renault_Logan_faza2{width: 51px; background-position: -4px -56px; } ul.cars li.Renault_Logan_faza3{width: 51px; background-position: -4px -87px; } ul.cars li.Renault_Sandero{width: 51px; background-position: -4px -122px; } ul.cars li.Renault_Sandero2{width: 51px; background-position: -4px -157px;} ul.cars li.Renault_Sandero_Stepway{width: 51px; background-position: -4px -193px; } ul.cars li.Renault_Sandero_Stepway2{width: 51px; background-position: -4px -226px; } ul.cars li.Renault_Duster{width: 57px; background-position: 2px -263px; } ul.cars li.Renault{width: 31px;background-position: -11px -333px;} #header td.auto p{font-size: 89.9%; margin: 5px; display: block; text-align: center;} /* RIGHT PART * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #right{width: 250px; float: right;} #right ul.catalog{list-style-type: none;font-size: 107.1%;text-transform: uppercase;} #right ul.catalog li{line-height: 0;} #right ul.catalog li a{ padding: 0 0 0 10px; text-decoration: none; color: #666; display: block; line-height: 40px; background: url(images/design/icons_menu.png) no-repeat; border-bottom: 1px solid #e1e1e1;} #right ul.catalog li.aksessuary a{background-position: 190px 2px;}#right ul.catalog li.aksessuary a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 190px 2px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.aksessuary a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.dvigatel a{background-position: 180px -40px;}#right ul.catalog li.dvigatel a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 180px -40px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.dvigatel a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.krepezh a{background-position: 185px -82px;}#right ul.catalog li.krepezh a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -82px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.krepezh a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.kuzov a{background-position: 185px -124px;}#right ul.catalog li.kuzov a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -124px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.kuzov a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.transmission a{background-position: 185px -169px;}#right ul.catalog li.transmission a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -169px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.transmission a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.literatura a{background-position: 180px -211px;}#right ul.catalog li.literatura a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 180px -211px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.literatura a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.masla_smazki a{background-position: 190px -253px;}#right ul.catalog li.masla_smazki a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 190px -253px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.masla_smazki a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.salon a{background-position: 185px -295px;}#right ul.catalog li.salon a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -295px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.salon a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.svet a{background-position: 190px -337px;}#right ul.catalog li.svet a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 190px -337px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.svet a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.tormoza a{background-position: 190px -379px;}#right ul.catalog li.tormoza a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 190px -379px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.tormoza a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.filtry a{background-position: 185px -422px;}#right ul.catalog li.filtry a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -422px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.filtry a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.rulevoe a{background-position: 185px -552px;}#right ul.catalog li.rulevoe a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -552px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.rulevoe a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.hodovaya a{background-position: 185px -464px;}#right ul.catalog li.hodovaya a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 185px -464px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.hodovaya a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.catalog li.elektrika a{background-position: 180px -509px;}#right ul.catalog li.elektrika a:hover{background: url(images/design/icons_menu.png) no-repeat #f5f5f5; color: #999;background-position: 180px -509px;opacity: 0.9; filter: alpha(opacity=90);}#right ul.catalog li.elektrika a:active{opacity: 0.8; filter: alpha(opacity=80);} #right ul.articles{list-style-type: none;} #right ul.articles li.main a{display: block; text-decoration: none; color: #4b4b4b; margin: 10px 0; padding: 5px;}#right ul.articles li.main a:hover h3{color:#0099cc;}#right ul.articles li.main a:active{opacity: 0.7; filter: alpha(opacity=70);} #right ul.articles li.main a h3{font-size: 96.9%;text-transform: uppercase;} #right ul.articles li.main a img{width: 40%; margin: 5px; float: right;} #right ul.articles li.main a p{font-size: 84.5%;} #right ul.articles li.secondary a{zoom: 1; display: block; font-size: 69.9%; margin: 5px; padding: 0;} #right ul.articles a.articles{font-size: 55.5%; padding: 10px; opacity: 0; filter: alpha(opacity=0);}#right ul.articles a.articles:hover{opacity: 1; filter: alpha(opacity=100);} #right div.cards{height: 120px; background: url('images/design/cards.png') transparent no-repeat center 30px; font-size: 79.9%; text-align: center; color: #666; font-weight: bold; margin-top: 10px;} /* CONTENT * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #main{padding: 0 10px; zoom: 1;overflow: hidden;} #main h1{font-size: 149.9%; margin: 10px 0; color: #333; font-variant: small-caps;} #main h2{font-size: 129.9%; margin: 10px 0; color: #333; font-variant: small-caps;} #main p{font-size: 93.9%; margin: 10px 0;} #main ul.paging{font-size: 84.9%;} #main form.search table{width: 100%; border-spacing: 5px;} #main form.search label{font-size: 89.9%;} #main form.search select.category{height: 2em;}#main form.search select.category option{padding: 2px 0 2px 3px;} #main form.search input[type=text]{font-size: 99.9%; padding: 7px; width: 90%;} #main form.search input[type=submit]{font-size: 109.9%; padding: 8px 30px; font-weight: bold;} #main form.search input[type=button]{font-size: 89.9%; padding: 8px;margin: 15px;} #main form.search a{display: block; width: 31px; height: 24px; margin: 3px; background: url(images/design/icons_type.png) no-repeat; border: 1px solid #e1e1e1;}#main form.search a:hover{opacity: 0.6; filter: alpha(opacity=60);}#main form.search a:active{opacity: 0.4; filter: alpha(opacity=40);}#main form.search a.active{border: 1px solid #a8a8a8;} #main form.search a.blocks{background-position: center -18px;} #main form.search a.table{background-position: center 3px;} #main table td.column{vertical-align: top;} /* edit articles */ #main table#article{width: 100%; margin: 5px 0;} #main table#article td{vertical-align: top;} #main table#article td.meta{width: 300px;} #main table#article ul{list-style-type: none;} #main table#article ul li{margin: 5px; font-size: 89.9%;} #main table#article ul input[type=text]{padding: 5px; font-size: 99.9%;width: 90%;} #main table#article textarea{padding: 5px; margin: 5px; font-size: 79.9%; width: 80%; height: 180px;} #main table#article b.delete{color: #777; cursor: pointer;font-size: 120.1%;}#main table#article b.delete:hover{color: red;} /* menu articles */ #main ul.articles{list-style-type: none;} #main ul.articles li a{display: block; overflow: hidden; width: 90%; text-decoration: none; color: #4b4b4b; margin: 10px; padding: 5px;}#main ul.articles li a:hover h3{color: #0099cc;}#main ul.articles li a:active{opacity: 0.7; filter: alpha(opacity=70);} #main ul.articles li a.novisible{opacity: 0.4; filter: alpha(opacity=40);} #main ul.articles li a h3{font-size: 119.9%;text-transform: uppercase;} #main ul.articles li a img{width: 100px; margin: 5px; float: left;} #main ul.articles li a p{font-size: 114.9%;} #main ul.articles li form{float:left;opacity: 0; filter: alpha(opacity=0);}#main ul.articles li:hover form{opacity: 1; filter: alpha(opacity=100);} #main input.edit{background: transparent url('images/design/icon_edit.png') no-repeat; text-indent: -100em; width: 12px; height: 12px; cursor: pointer;} /* site map */ #main ul.g1, #main ul.g2, #main ul.g3{list-style-type: none;} #main ul.g1 li a{display: block;} #main ul.g1 li a.g1{margin: 10px 0 0 0; font-size: 99.9%;text-transform: uppercase;} #main ul.g2 li a.g2{margin: 5px 0 0 1.5em;font-size: 89.9%;} #main ul.g3 li a.g3{margin: 2px 0 0 4em;font-size: 69.9%;} /* catalog goods */ #main div.goods{overflow: hidden; width: 100%;} #main div.goods div.block{word-wrap: break-word; display:block; width: 32.5%; height: 220px; float: left; margin: .5% .5% 0 0;border: 1px solid #ccc;} #main div.goods div.block:hover{border: 1px solid #aeaeae;} #main div.goods div.block a:hover{opacity: 0.9; filter: alpha(opacity=90);} #main div.goods div.block ul.photo{height: 100%; width: 120px; float: left; list-style-type: none; background: #f5f5f5;} #main div.goods div.block ul.photo li.brand{margin: 5px; height: 50px;} #main div.goods div.block ul.photo li.photo{margin-left: 1px;} #main div.goods div.block ul.photo li.photo div.no{height: 120px; width: 120px; background: url(images/design/nophoto.png) no-repeat center;} #main div.goods div.block ul.photo li.link{text-align: center; font-size: 74.9%;} #main div.goods div.block ul.info{list-style-type: none; overflow: hidden; border-left: 5px solid #fff;} #main div.goods div.block ul.info li{margin: 3px 0;} #main div.goods div.block ul.info li.name{font-size: 89.9%;padding-right: 2px;}#main div.goods div.block ul.info li.name a{display: block; zoom: 1;} #main div.goods div.block ul.info li.presence{font-size: 79.9%;} #main div.goods div.block ul.info li.maker{font-size: 79.9%;} #main div.goods div.block ul.info li.auto{font-size: 79.9%;} #main div.goods div.block ul.info li.price{font-size: 79.9%;}#main div.goods div.block ul.info li.price b{font-size: 159.9%;} #main div.goods div.block ul.info li.buttons{float: right; margin: 10px 10px 0 0;} #main div.goods table.block{border-spacing: 1px; background: #e1e1e1; width: 100%;} #main div.goods table.block thead td{background: #cfcfcf; color: #707070; padding: 5px; font-size: 89.9%; text-align: center; white-space: nowrap;} #main div.goods table.block tbody td{background: #fff; padding: 3px;}#main div.goods table.block tbody tr:hover td{background: #f0f0f0;} #main div.goods table.block tbody td.name{font-size: 84.9%;} #main div.goods table.block tbody td.presence{font-size: 99.9%; text-align: center;} #main div.goods table.block tbody td.auto{font-size: 99.9%; text-align: center;} #main div.goods table.block tbody td.price{font-size: 109.9%; text-align: center;} #main div.goods .block .buttons input, #main div.goods .block .buttons a{display: block; width: 30px; height: 30px; float: left; margin-left: 3px; background: url(images/design/icons_goods.png) no-repeat; text-indent: -1000em; cursor: pointer;}#main div.goods .block .buttons input:hover, #main div.goods .block .buttons a:hover{opacity: 0.8; filter: alpha(opacity=80);}#main div.goods .block .buttons input:active, #main div.goods .block .buttons a:active{opacity: 0.6; filter: alpha(opacity=60);} #main div.goods .block .buttons a.info{background-position: 0px 0px;} #main div.goods .block .buttons input.buy{background-position: 0px -33px;} #main div.goods .block .buttons input.order{background-position: 0px -66px;} #main div.goods .block .buttons input.cash{background-position: 0px -98px;} #main div.goods .block .buttons input.photo{background-position: 0px -130px;} #main div.goods .block .buttons input.pencil{background-position: 0px -162px;} #main div.goods .block .buttons input.copy{background-position: 0px -196px;} /* onegood */ #onegood{display: none;} #onegood ~ div.ui-resizable-handle{display: none !important;} #onegood table.onegood, #main table.onegood{width: 500px;} #onegood table.onegood td, #main table.onegood td{padding: 5px;} #onegood table.onegood h2.name, #main table.onegood h2.name{font-size: 114.9%; margin: 5px 0;} #onegood table.onegood ul, #main table.onegood ul{font-size: 89.9%; list-style-type: none;} #onegood table.onegood ul.price b, #main table.onegood ul.price b{display: block; margin: 5px; font-size: 189.9%; text-align: center;} #onegood table.onegood ul.price button, #main table.onegood ul.price button{padding: 5px;} #onegood table.onegood p.firm, #main table.onegood p.firm{font-size: 79.9%; color: #777;} /* client */ #client{display: none;} #client form.user ul{width: 49%; list-style-type: none; float: left; font-size: 69.9%;} #client form.user ul li{margin: 5px;} #client form.user input[type='text']{height: 1em;} #client ul.auto span{color: #696969;} #client form.user div.blanks{float: left; width: 76px; height: 65px; background: url(images/design/blanks.png) no-repeat center;} #client form.user div.blanks:hover{opacity: 0.7; filter: alpha(opacity=70);cursor:pointer;} #client form.user div.rec{float: left; width: 76px; height: 65px; background: url(images/design/pd4.png) no-repeat center;} #client form.user div.rec:hover{opacity: 0.7; filter: alpha(opacity=70);cursor:pointer;} #client form.commentUser{font-size: 59.9%;} #client form.commentUser b{min-height: 1em; display: block; padding: 5px;cursor: pointer; font-family: verdana;} #client div.clientOrders{float: left; width: 100%;} #client div.clientBasket{float: left; width: 100%;} /* basket - orders */ div.dialogOrders h1, #client div.clientOrders h1, #client div.clientBasket h1{margin: 50px; color: #d1d1d1; clear: both;} div.dialogOrders h3, #client div.clientOrders h3, #client div.clientBasket h3{margin: 10px; color: #777;} div.dialogOrders table.basket{width: 100%; background: #b5b5b5; border-spacing: 1px;} div.dialogOrders table.basket thead td{padding: 5px; background: #ccc; font-size: 79.9%; font-weight: bold; text-align: center; white-space: nowrap;} div.dialogOrders table.basket tbody td{padding: 2px 2px 2px 10px; background: #f5f5f5; font-size: 69.9%;} div.dialogOrders table.basket tbody td.delete, div.dialogOrders table.baskets tbody td.delete, #client div.clientBasket table.baskets tbody td.delete{cursor: pointer; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; text-align: center; vertical-align: center; font-size: 57.7%; font-weight: bold; color: #777; background: #f0f0f0;}div.dialogOrders table.basket tbody td.delete:hover, div.dialogOrders table.baskets tbody td.delete:hover, #client div.clientBasket table.baskets tbody td.delete:hover{background: #ff6969; color: #fff;}div.dialogOrders table.basket tbody td.delete:active, div.dialogOrders table.baskets tbody td.delete:active, #client div.clientBasket table.baskets tbody td.delete:active{background: #ff8787;} div.dialogOrders table.basket tbody td.add, div.dialogOrders table.baskets tbody td.add, #client div.clientBasket table.baskets tbody td.add{-moz-user-select: none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer; text-align: center; vertical-align: center; font-size: 57.7%; font-weight: bold; color: #777; background: #f0f0f0;}div.dialogOrders table.basket tbody td.add:hover, div.dialogOrders table.baskets tbody td.add:hover, #client div.clientBasket table.baskets tbody td.add:hover{background: #dbffed;}div.dialogOrders table.basket tbody td.add:active, div.dialogOrders table.baskets tbody td.add:active, #client div.clientBasket table.baskets tbody td.add:active{background: #a8ffd4;} div.dialogOrders table.basket tbody td.total{background: #e1e1e1; white-space: nowrap; font-size: 89.9%; small-caps: uppercase; vertical-align: top;} div.dialogOrders table.basket tbody td.total input[type='button']{margin: 90px 5px 5px 0; font-size: 109.9%; padding: 6px 12px;} div.dialogOrders table.basket div.delivery{float: left;} div.dialogOrders table.basket div.delivery ul{list-style-type: none;} div.dialogOrders table.basket div.delivery ul li{float: left; height: 80px; font-size: 79.9%; color: #777; padding: 5px; background: url('images/design/icons_delivery.png') no-repeat; cursor: pointer; border: 1px solid #f5f5f5;}div.dialogOrders table.basket div.delivery ul li:hover{color: #0099cc; opacity: 0.8; filter: alpha(opacity=80);}div.dialogOrders table.basket div.delivery ul li:active{opacity: 0.6; filter: alpha(opacity=60);}div.dialogOrders table.basket div.delivery ul li.active{border: 1px solid #ccc;} div.dialogOrders table.basket div.delivery ul li[alt='pohodnaya']{width: 70px; background-position: 15px 30px;} div.dialogOrders table.basket div.delivery ul li[alt='evening']{width: 70px; background-position: -67px 30px;} div.dialogOrders table.basket div.delivery ul li[alt='day']{width: 70px; background-position: -152px 30px;} div.dialogOrders table.basket div.delivery ul li[alt='post']{width: 90px; background-position: -238px 30px;} div.dialogOrders table.basket div.delivery ul li[alt='tk']{width: 90px; background-position: -343px 30px;} div.dialogOrders table.basket div.pay{float: left; margin-left: 5px; margin-top: 29px;} div.dialogOrders table.basket div.pay ul{list-style-type: none;} div.dialogOrders table.basket div.pay ul li{float: left; height: 30px; font-size: 79.9%; color: #777; padding: 5px; background: url('images/design/icons_pay.png') no-repeat; cursor: pointer; border: 1px solid #f5f5f5;}div.dialogOrders table.basket div.pay ul li:hover{color: #0099cc; opacity: 0.8; filter: alpha(opacity=80);}div.dialogOrders table.basket div.pay ul li:active{opacity: 0.6; filter: alpha(opacity=60);}div.dialogOrders table.basket div.pay ul li.active{border: 1px solid #ccc;} div.dialogOrders table.basket div.pay ul li[alt='sb']{width: 30px; background-position: center -43px;} div.dialogOrders table.basket div.pay ul li[alt='rec']{width: 30px; background-position: center 5px;} div.dialogOrders table.basket div.comment{float: left; clear: left; margin: 10px; font-size: 79.9%; color: #777;} div.dialogOrders table.basket div.comment input[type=text]{width: 250px;} div.dialogOrders table.orders, #client div.clientOrders table.orders, #client div.clientBasket table.baskets{width: 100%; background: #b5b5b5; border-spacing: 1px; margin-bottom: 10px;} div.dialogOrders table.orders.complete, #client div.clientOrders table.orders.complete{opacity: 0.5; filter: alpha(opacity=50);} div.dialogOrders ul.paging, #client div.clientOrders ul.paging{font-size: 59.9%;} div.dialogOrders table.orders thead tr td, #client div.clientOrders table.orders thead tr td, #client div.clientBasket table.baskets thead tr td{padding: 3px; background: #ccc; font-size: 59.9%; text-align: center;} div.dialogOrders table.orders thead tr td.title, #client div.clientOrders table.orders thead tr td.title{padding: 3px; background: #ccc; font-size: 64.9%; text-align: left;} div.dialogOrders table.orders thead.light tr td, #client div.clientOrders table.orders thead.light tr td, #client div.clientBasket table.baskets thead.light tr td{background: #D2EBF3;} div.dialogOrders table.orders thead b.comment, #client div.clientOrders table.orders thead b.comment{display: block; padding: 2px; color: #0099cc; min-height: 1em; cursor: pointer;} div.dialogOrders table.orders thead small.post, div.dialogOrders table.orders thead small.tk, #client div.clientOrders table.orders thead small.post, #client div.clientOrders table.orders thead small.tk{cursor: pointer;} div.dialogOrders table.orders thead form.delivery input, #client div.clientOrders table.orders thead form.delivery input{background: transparent url('images/design/icon_edit.png') no-repeat; text-indent: -1000em; width: 12px; height: 12px; margin: 3px; cursor: pointer; float: left;} div.dialogOrders table.orders thead form.delivery b.close, #client div.clientOrders table.orders thead form.delivery b.close{cursor: pointer; color: #777;}div.dialogOrders table.orders thead form.delivery b.close:hover, #client div.clientOrders table.orders thead form.delivery b.close:hover{color: #0099cc;} div.dialogOrders table.orders tbody td, #client div.clientOrders table.orders tbody td, #client div.clientBasket table.baskets tbody td{padding: 2px 4px; background: #f5f5f5; font-size: 59.9%; text-align: left;} div.dialogOrders table.orders tbody tr:hover td, #client div.clientOrders table.orders tbody tr:hover td, #client div.clientBasket table.baskets tbody tr:hover td{opacity: 0.8; filter: alpha(opacity=80);} div.dialogOrders table.orders b.delete, #client div.clientOrders table.orders b.delete{color: #777; cursor: pointer;}div.dialogOrders table.orders b.delete:hover, #client div.clientOrders table.orders b.delete:hover{color: red;} div.dialogOrders table.orders input.cash, #client div.clientOrders table.orders input.cash{text-indent: -7777px; cursor: pointer; width: 15px; height: 15px; background: url('images/design/icons_goods.png'); background-position: -5px -105px;}div.dialogOrders table.orders input.cash:hover, #client div.clientOrders table.orders input.cash:hover{opacity: 0.8; filter: alpha(opacity=80);} div.dialogOrders form.search ul, #client div.clientOrders form.search ul{list-style-type: none;} div.dialogOrders form.search ul li, #client div.clientOrders form.search ul li{font-size: 68.7%; float: left; margin: 5px;} div.dialogOrders form.search input[type=submit], #client div.clientOrders form.search input[type=submit]{padding: 2px 10px;} b.comment{min-height: 1em; padding: 2px; display: block; font-family: verdana; cursor: pointer;} /* комментарии */ ul.x1{list-style-type: none;}ul.x1 li{padding: .2em; margin: 0;} /* список тип1 */ a.x-icon{background: transparent url('images/design/icons_personal.png') no-repeat; padding-left: 25px; font-size: 10.1pt; min-height: 18px;}a.x-icon:hover{opacity: .8; filter: alpha(opacity=80);}a.x-icon:active{opacity: .6; filter: alpha(opacity=60);} /* ссылка с иконкой внутри */ .x-small{font-size: 89.9%;} /* очень меньше */ .x-icon.printCh{background-position: 0 -305px;} /* принтер чеков */ .x-small2{font-size: 69.9%;} /* очень меньше */ .x-small3{font-size: 59.9%;} /* очень меньше */ table.x5{width: 100%; border-collapse: collapse; margin-top: 5px;} table.x5 thead tr td{background: #c2c2c2; color: #333; padding: 4px; border: 1px solid #999;} table.x5.cash thead tr td{background: #b4bfb9;} table.x5 thead tr td:not(:first-child){text-align: center;} table.x5 tbody tr td{border: 1px solid #bdbdbd; color: #333; padding: 4px;} table.x5 tbody tr:hover td:not(.del):not(.add):not(.ready){background-color: #f0ffff;} /* статус товара */ table.x5 td.ready{color: #bdbdbd; text-align:center; cursor: pointer; -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;} table.x5 td.ready:hover{opacity: .6; filter:Alpha(Opacity=60);} table.x5 td.ready.active{color: #009900; background-color: #e5e5e5;} table.x5 td.ready.return{color: #993300; background-color: #e5e5e5;} /* статус товара */ table.x5 td.del{color: #ff6666; text-align:center; cursor: pointer; -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;} table.x5 td.del:hover{opacity: .6; filter:Alpha(Opacity=60);} /* статус заказа */ table.x5 ul.status{list-style-type: none;} table.x5 ul.status li{background-color: #dbdbdb; color: #666; margin: 2px 0; padding: 2px 4px; border: 1px solid #bdbdbd; cursor: pointer;} table.x5 ul.status li.active{background-color: #666; color: #dbdbdb; border-color: #4f4f4f;} table.x5 ul.status li.paid{background-color: #ccffcc; color: #336633; border-color: #99cc99;} /* clients - baskets */ div.dialogClients table.clients, div.dialogOrders table.baskets{width: 100%; background: #b5b5b5; border-spacing: 1px; margin-bottom: 10px;} div.dialogClients table.clients thead tr td, div.dialogOrders table.baskets thead tr td{padding: 3px; background: #ccc; font-size: 59.9%; text-align: center;} div.dialogClients table.clients tbody tr td, div.dialogOrders table.baskets tbody tr td{padding: 2px 4px; background: #f5f5f5; font-size: 59.9%; text-align: left;} div.dialogClients table.clients tbody tr:hover td, div.dialogOrders table.baskets tbody tr:hover td{opacity: 0.8; filter: alpha(opacity=80);} div.dialogClients ul.paging{font-size: 59.9%;} div.dialogClients form.search ul{list-style-type: none;} div.dialogClients form.search ul li{font-size: 68.7%; float: left; margin: 5px;} div.dialogClients form.search input[type=submit]{padding: 2px 10px;} div.dialogClients form.search input[type=text]{padding: 3px;} /* uslugi */ div.uslugi{float: left; clear: left; width: 800px; float: left;} div.uslugi ul{list-style-type: none; padding: 10px; font-size: 79.9%;} div.uslugi ul li{float: left; clear: left; border-bottom: 1px solid #e1e1e1;} div.uslugi ul div{float: left; padding: 3px 6px;} div.uslugi ul div:first-child{width: 500px;} div.uslugi ul div:nth-child(2){width: 200px;} div.uslugi ul div.del{color: #999;cursor: pointer;}div.uslugi ul div.del:hover{background-color: #ff2e2e; color: #fff;} div.uslugi form{white-space: nowrap;} /* zakaz */ div.zakaz{float: left; clear: left; width: 800px; background-color: #f0f0f0;} table.zakaz{width: 100%; background: #b5b5b5; border-spacing: 1px; margin-bottom: 10px;} table.zakaz.complete{opacity: 0.5; filter: alpha(opacity=50);} table.zakaz thead tr td{padding: 3px; background: #ccc; font-size: 79.9%; text-align: center;} table.zakaz thead tr td.title{padding: 3px; background: #ccc; font-size: 79.9%; text-align: left; min-width: 490px;} table.zakaz thead b.comment{display: block; padding: 2px; color: #0099cc; min-height: 1em; cursor: pointer;} table.zakaz thead form.delivery b.close{cursor: pointer; color: #777;} table.zakaz tbody td{padding: 2px 4px; background: #f5f5f5; font-size: 79.9%; text-align: left;} table.zakaz tbody tr:hover td{opacity: 0.8; filter: alpha(opacity=80);} table.zakaz b.delete{color: #777; cursor: pointer;}div.dialogOrders table.zakaz b.delete:hover, #client div.clientOrders table.zakaz b.delete:hover{color: red;} table.zakaz input.cash{text-indent: -7777px; cursor: pointer; width: 15px; height: 15px; background: url('images/design/icons_goods.png'); background-position: -5px -105px;}div.dialogOrders table.orders input.cash:hover, #client div.clientOrders table.orders input.cash:hover{opacity: 0.8; filter: alpha(opacity=80);} form.search.zakaz ul{list-style-type: none;} form.search.zakaz input[type="text"]{width: 200px !important;} form.search.zakaz ul li{font-size: 87.7%; float: left; margin: 5px;} form.search.zakaz input[type=submit]{padding: 5px 10px !important;} div.note{float: right; width: 300px; padding: 0 10px 10px 10px;} div.note div.text{color: #666; cursor: pointer;} div.note textarea{width: 98%; height: 700px; } div.note input[type=submit]{float: right;} div.note b{background-color: #858585; padding: 1px 4px; color: #fff;} div.note b.day{font-size: 109.9%; font-weight: normal;} div.note i{color: #646464;background-color: #e9e9e9;font-style: normal;} div.note span.today > b{background-color: #52a1c3;} div.note u{color: #9b461e; text-decoration: none;} div.note u:hover{text-decoration: underline;} /* кнопки нал-безнал */ div.payment{padding: 5px 0; text-align: center;} div.payment button{background: transparent url('images/design/icons_payment.png') no-repeat; text-indent: -10000em; width: 32px; height: 32px; cursor: pointer; border: 1px solid transparent;} div.payment button.nal{background-position: 1.7px 2px;} div.payment button.bnal{background-position: -34px 2px;} div.payment button.bank{background-position: -70px 2px;} div.payment button.sber{background-position: -104px 2px;} div.payment button:hover{opacity: .8; filter: alpha(opacity=80);} div.payment button.active{border-color: #666;} div.payment.small button{background-size: 95px; width: 21px; height: 21px; opacity: .2; filter: alpha(opacity=20); border: 0;} div.payment.small button.nal{background-position: 0 0;} div.payment.small button.bnal{background-position: -25px 0;} div.payment.small button.bank{background-position: -54px 0;} div.payment.small button.sber{background-position: -76px 0;} div.payment.small button.active{opacity: 1; filter: alpha(opacity=100);} /* кнопки мастеров */ div.master{padding: 5px 0; text-align: center; white-space: nowrap;} div.master button{background: transparent url('images/design/icons_masters.png') no-repeat; text-indent: -10000em; width: 18px; height: 18px; cursor: pointer; opacity: .2; filter: alpha(opacity=20);} div.master button.m1{background-position: -150px 0;} div.master button.m2{background-position: -122px 0;} div.master button.m3{background-position: -177px 0;} div.master button:hover{opacity: .8; filter: alpha(opacity=80);} div.master button.active{opacity: 1; filter: alpha(opacity=100);} div.mstr{background: transparent url('images/design/icons_masters.png') no-repeat; text-indent: -10000em; width: 18px; height: 18px;} div.mstr.m1{background-position: -150px 0;margin: 0 auto;} div.mstr.m2{background-position: -122px 0;margin: 0 auto;} div.mstr.m3{background-position: -177px 0;margin: 0 auto;} /*div.mstr.m1{background-position: 0px 0;margin: 0 auto;} фото тохи */ /*div.mstr.m2{background-position: -24px 0;margin: 0 auto;} фото дисы*/ /*div.mstr.m3{background-position: -46px 0;margin: 0 auto;} фото босса*/ /* кнопка ночь/день */ img.night{opacity: .2; filter: alpha(opacity=20); cursor: pointer;} img.night:hover{opacity: .8; filter: alpha(opacity=80);} img.night.active{opacity: 1; filter: alpha(opacity=100);} /* BOTTOM * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #bottom{width: 100%; border-spacing: 10px;} #bottom td.copyright{background: #f5f5f5; border: 1px solid #f0f0f0; width: 350px; padding: 10px; vertical-align: top;} #bottom td.copyright p{font-size: 89.9%; margin: 5px 0;} #bottom td.copyright ul{font-size: 79.9%; list-style-type: none;} #bottom td.copyright a.logo{background: #ffcc33; color: #336666; padding: 2px 5px; text-decoration: none; font-weight: bold;}#bottom a.logo:hover{opacity: 0.9; filter: alpha(opacity=90);} #bottom td.menu{padding: 10px; vertical-align: top;} #bottom td.menu ul{list-style-type: none;overflow: hidden;font-size: 99.9%;} #bottom td.menu ul li{float: left; margin: 0 0.4em;} /* DIALOGS and OTHERS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ div.registration ul, div.enter ul, div.profile ul{list-style-type: none; font-size: 79.9%;} div.registration ul li, div.enter ul li, div.profile ul li{margin: 3px 0;} div.registration ul li input[type=submit], div.enter ul li input[type=submit], div.profile ul li input[type=submit]{padding: 3px 20px;font-size: 109.9%;} /* MESSAGE */ #notifier-box {top:50%;left:50%;position:fixed;z-index: 9999;margin:-70px 0 0 -220px;} #notifier-box div.message-wrap{background:#c3ffc3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5e1a5',endColorstr='#c3ffc3');background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a5e1a5),color-stop(1,#c3ffc3));background:-moz-linear-gradient(top,#a5e1a5,#c3ffc3);background:-o-linear-gradient(#a5e1a5,#c3ffc3);border:1px solid#a5e1a5;margin:0 0 10px 0;width:300px;color:#2d5a2d;font-size:11px;font-family:Tahoma,Arial;-webkit-box-shadow:0 0 7px#c3ffc3;-moz-box-shadow:0 0 7px#c3ffc3;-o-box-shadow:0 0 7px#c3ffc3;box-shadow:0 0 7px#c3ffc3} #notifier-box div.message-box{border-top: 1px solid #87c387;padding: 10px;} #notifier-box div.message-box div.message-header {color: #2d5a2d; font-weight: bold; font-size: 16px; margin: 0 0 10px 0;} #notifier-box div.message-box input.message-close{background: #69a569 url('images/design/ui/ui-icons_ffffff_256x240.png') center no-repeat;width:15px;height:15px;background-position:-81px -129px;display:block;float:right;opacity:0.5;filter:alpha(opacity=50);cursor:pointer} #notifier-box div.message-box:hover input.message-close {opacity: 1; filter: alpha(opacity=100);} #notifier-box div.message-box div.message-body {overflow: hidden; font-size: 14px;} #notifier-box div.message-box div.message-body div.thumb {width: 48px;height: 48px;margin: 0 10px 0 0;float: left;} /* SPECIAL BUY */ #special { list-style: none;} #special li{ margin: 5px; display: block; float: left; } #special li a{height: 250px; border: 1px solid #dcdcdc; width: 160px; text-align: center; display: block; text-decoration: none; overflow: hidden;}#special li a:hover{border-color: #0099cc;} #special li a h3 {font-size: 88.9%; text-align: center;} #special li a div.photo{height: 130px; background: #f5f5f5;text-align: center;padding: 5px 0;} #special li a p{text-align: center; color: red; font-size: 129.9%; font-weight: bold;} /* UNIVERSAL STYLES * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .r3{-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;} .r5{-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;} .gray{color: #336666;} .bgred{background-color: red; color: #fff; padding: 1px 2px;} .blue{color: #0099cc;} .red{color: red;} .green{color: green;} .orange{color: #ff8400;} .active{font-weight: bold;} /*.preload{background: url('images/design/preload.png') no-repeat center;width: 24px;height: 24px;}*/ .hide{display: none;} .fade{opacity: 0; filter: alpha(opacity=0);} .small{font-size: 79.9%;} ul.type1{display: block; overflow: hidden; list-style-type: none;}ul.type1 > li{float: left; padding: 8px;} ul.type2{display: block; overflow: hidden; list-style-type: none;}ul.type2 > li{padding: 2px 4px;} b.applicability,small.applicability{cursor: help;} a.type1{color: #336666;}a.type1:hover{color: #0099cc;}a.type1:active{opacity: 0.8; filter: alpha(opacity=80);} a.type2{color: #111;}a.type2:hover{color: #0099cc;}a.type2:active{opacity: 0.8; filter: alpha(opacity=80);} select.type1 option{border-bottom: 1px solid #777;}select.type1 option:hover{opacity: 0.8; filter: alpha(opacity=80);} select.type2{padding: 3px; border: 1px solid #e1e1e1;}select.type2:hover{border: 1px solid #ccc;}select.type2 option{padding: 1px 4px;}select.type2 option:hover{opacity: 0.8; filter: alpha(opacity=80);}select.type2:focus{border: 1px solid #0099cc;} input[type=text].type1, input[type=password].type1, input[type=search].type1, select.type1, textarea.type1{padding: 3px; border: 1px solid #e1e1e1; box-shadow: inset 0 0 10px #f5f5f5; -webkit-box-shadow: inset 0 0 10px #f5f5f5; -moz-box-shadow: inset 0 0 10px #f5f5f5;}input[type=text].type1:hover, input[type=password].type1:hover, input[type=search].type1:hover, select.type1:hover, textarea.type1:hover{border: 1px solid #ccc;}input[type=text].type1:focus, input[type=password].type1:focus, input[type=search].type1:focus, select.type1:focus, textarea.type1:focus{border: 1px solid #0099cc;} input[type=text].type2, input[type=search].type2, input[type=password].type2, textarea.type2{border: 1px solid #e1e1e1; padding: 3px;}input[type=text].type2:hover, input[type=search].type2:hover, input[type=password].type2:hover,textarea.type2:hover,input[type=text].type2:focus, input[type=search].type2:focus, input[type=password].type2:focus,textarea.type2:focus{border: 1px solid #ccc;} input[type=button].type1, input[type=submit].type1, button.type1{background: #66cc00; border: 1px solid #66cc00; color: #fff; cursor: pointer;box-shadow: inset 0 0 4px #fff; -webkit-box-shadow: inset 0 0 4px #fff; -moz-box-shadow: inset 0 0 4px #fff;}input[type=button].type1:hover, input[type=submit].type1:hover, button.type1:hover{opacity: 0.8; filter: alpha(opacity=80);box-shadow: inset 0 0 6px #fff; -webkit-box-shadow: inset 0 0 6px #fff; -moz-box-shadow: inset 0 0 6px #fff;}input[type=button].type1:active, input[type=submit].type1:active, button.type1:active{opacity: 0.9; filter: alpha(opacity=90); box-shadow: inset 2px 2px 3px #777; -webkit-box-shadow: inset 2px 2px 3px #777; -moz-box-shadow: inset 2px 2px 3px #777;} input[type=button].type2, button.type2{color: #336666; cursor: pointer; text-decoration: underline; background: none;}input.type2[type=button]:hover, button.type2:hover{color: #3399cc;}input.type2[type=button]:active, button.type1:active{opacity: 0.8; filter: alpha(opacity=80);} input[type=button].type3, input[type=submit].type3, button.type3{background: #e1e1e1; border: 1px solid #e1e1e1; color: #a2a2a2; cursor: pointer;box-shadow: inset 0 0 4px #fff; -webkit-box-shadow: inset 0 0 4px #fff; -moz-box-shadow: inset 0 0 4px #fff;}input[type=button].type3:hover, input[type=submit].type3:hover, button.type2:hover{opacity: 0.8; filter: alpha(opacity=80);box-shadow: inset 0 0 6px #fff; -webkit-box-shadow: inset 0 0 6px #fff; -moz-box-shadow: inset 0 0 6px #fff;}input[type=button].type3:active, input[type=submit].type3:active, button.type2:active{opacity: 0.9; filter: alpha(opacity=90); box-shadow: inset 2px 2px 3px #777; -webkit-box-shadow: inset 2px 2px 3px #777; -moz-box-shadow: inset 2px 2px 3px #777;} button.discount{border-radius: 50%; background-color: #DEDEDE; color: #A7A7A7; padding: 3px; font-weight: bold; cursor: pointer;}button.discount.active{background-color: #FFE14E; color: #000;}button.discount:hover{opacity: 0.8; filter: alpha(opacity=80);} ul.paging{list-style-type: none; display: block;width: 100%; overflow: hidden;}ul.paging li{float: left;}ul.paging li a{display:block; color: #707070; padding: 2px 6px; margin: 2px 0;}ul.paging li a:hover{background-color: #e1e1e1;text-decoration: none;}ul.paging li a:active{opacity: 0.8; filter: alpha(opacity=80);}ul.paging li a.selected{color: #e1e1e1; background-color: #707070;}ul.paging li input[type='button']{display:block; color: #707070; padding: 1px 3px; margin: 2px 0; background: none; cursor: pointer; text-decoration: underline;}ul.paging li input[type='button']:hover{background-color: #e1e1e1;text-decoration: none;}ul.paging li input[type='button']:active{opacity: 0.8; filter: alpha(opacity=80);}ul.paging li input[type='button'].selected{color: #e1e1e1; background-color: #707070;} ul.paging span{display: block; padding: 3px; color: #707070;} ul.paging button, ul.paging a{display:block; color: #707070; background: none; text-decoration: underline; padding: 3px 6px;} ul.paging button:hover, ul.paging a:hover{background-color: #e1e1e1;text-decoration: none; cursor: pointer;} ul.paging button:active, ul.paging a:active{opacity: 0.8; filter: alpha(opacity=80);} ul.paging button.selected, ul.paging a.selected{color: #e1e1e1; background-color: #707070;} select.auto{height: 2em;} select.auto > option{padding: 4px 8px;} table.stat{font-size: 49.9%; border-spacing: 1px;} table.stat td.name{text-align: right; color: #777; padding-right: 3px;} table.stat td div{background: #e1e1e1;} table.stat td div p{padding: 1px 2px; color: #777;} span.social{display: block; background: transparent url('images/design/icons_social.png') no-repeat; float: left; width: 32px; height: 32px;} span.social.small{background-size: 45px; width: 23px; height: 23px;} span.vk{background-position: 0 0;}span.vk.small{background-position: 0 0;} span.inst{background-position: -33px 0;}span.inst.small{background-position: -22px 0;} #load{width: 100%; height: 60px; position: fixed; z-index: 999999; right: 0; top: 0; display: none;} @-webkit-keyframes load {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @-moz-keyframes load {100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes load {100% {transform: rotate(360deg);}} .load { margin: 10px auto; width: 35px; height: 35px; border: 10px solid #777; border-left-color: #ccc; border-bottom-color: #e1e1e1; border-right-color: transparent; border-radius: 100%; -webkit-animation: load .4s infinite linear; -moz-animation: load .4s infinite linear; animation: load .4s infinite linear; } #main table.to{ /*таблица */ float: left; clear: left; width: 100%; border: 1px solid #59aa18; } #main table.to tr.head td{ font: bold 11pt Roboto; text-align: center; background-color: #e1e1e1; color: #000; padding: 5px; } #main table.to tr.name td{ font: bold 13pt Roboto; text-align: center; background-color: #59aa18; color: #fff; padding: 3px; } #main table.to tr.default td{ font: 11pt Roboto; background-color: #e1e1e1; color: #000; padding: 4px; }#main table.to tr.default:hover > td{background-color: #f0f0f0;} /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ .ui-helper-hidden{display:none} .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none} .ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table} .ui-helper-clearfix:after{clear:both} .ui-helper-clearfix{zoom:1} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)} .ui-state-disabled{cursor:default!important} .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat} .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%} /* * jQuery UI CSS Framework 1.8.16 */ /* Component containers */ .ui-widget { font-family: Trebuchet MS, Tahoma, Roboto, Arial, sans-serif; font-size: 1.25em;} .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { padding: 2px; border: 1px solid #dddddd; background: #f5f5f5; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/design/ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-widget-header button { color: #ffffff; background: transparent;} /* Interaction states */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/design/ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/design/ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/design/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/design/ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/design/ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Buttons */ /* button text element */ .ui-button .ui-button-text {display: block;line-height: normal;} .ui-button-text-only .ui-button-text {padding: .4em 1em;} .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {padding: .4em; text-indent: -9999999px;} .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 1em .4em 2.1em;} .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 2.1em .4em 1em;} .ui-button-text-icons .ui-button-text {padding-left: 2.1em; padding-right: 2.1em;} /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {position: absolute; top: 50%; margin-top: -8px;} .ui-button-icon-only .ui-icon {left: 50%; margin-left: -8px;} .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {left: .5em;} .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {right: .5em;} /* Icons */ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/design/ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/design/ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/design/ui/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/design/ui/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/design/ui/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/design/ui/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/design/ui/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/design/ui/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/design/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/design/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .1em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; cursor: pointer; } .ui-dialog .ui-dialog-titlebar-close span { display: block;} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; z-index: 0 !important;} .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-autocomplete{position:absolute;top:0;left:0;cursor:default} * html .ui-autocomplete{width:1px} .ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none} .ui-menu .ui-menu{margin-top:-3px;position:absolute} .ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;width:100%} .ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0} .ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;zoom:1;font-weight:normal;font-size:69.9%;} .ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px} .ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5} .ui-menu .ui-state-disabled a{cursor:default} .ui-menu-icons{position:relative} .ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em} .ui-menu .ui-icon{position:absolute;top:.2em;left:.2em} .ui-menu .ui-menu-icon{position:static;float:right} /* кнопка мобильного меню */ #mobileButton{ padding: 20px 20px 20px 80px; font-variant: small-caps; color: #003333; position: absolute; top: 0; left: 0; z-index: 1; background: transparent url('images/design/slide_mobile.png') left+20px center no-repeat; cursor: pointer; } /* мобильное меню */ #mobileMenu{ width: 100%; position: absolute; top: -20px; left: 0; z-index: 1; } #mobileMenu form.searcher{background-color: #e9ffff; border-bottom: 1px solid #a0bfd5;} #mobileMenu form.searcher input[type=search]{ padding: 18px 4%; width: 65%; margin: 2%; font-size: 129.9%; } #mobileMenu form.searcher button{ background: transparent url('images/design/icon_search.png') no-repeat; background-position: center; line-height: 1em; background-size: 45px; text-indent: -10000em; width: 23%; padding: 17px 0; font-size: 129.9%;} #mobileMenu form.searcher button:active{cursor: pointer; opacity: .7;filter:Alpha(Opacity=70);} #mobileMenu a{ width:90%; padding: 15px 1% 15px 9%; display: block; text-align: left; font-size: 169.9%; font-weight: bold; text-decoration: none; background-color: #e9ffff; color: #003333; border-bottom: 1px solid #a0bfd5; }#mobileMenu a:active{background-color: #333; color: #efefef; border-color: #333;} #mobileMenu button.close{display: block; width: 100%; height: 80px; text-align: left; text-indent: 3%; background-color: #003333; color: #d3eeff;} #mobileMenu button.close:active{cursor: pointer; background-color: #336666;} #mobileMenu a.small{font-size: 119.9%; font-weight: normal; padding-left: 16%; width: 83%;} /* экран меньше 1300px */ @media all and (max-width: 1300px) { #header td.menu{min-width: 650px;} #header td.menu > ul > li:first-child{display: none;} #main div.goods div.block{width: 49%;} } /* экран меньше 900px */ @media all and (max-width: 900px) { #header td{float: left;} #header tr:last-child td{clear: none;} #header td.auto > div{display: none;} #header td.logo{width: auto;} #header td.menu{min-width: 500px;} #main div.goods div.block{width: 95%; margin: 5px 2.5%;} } /* экран меньше 740px */ @media all and (max-width: 740px) { #mobileButton{display: block;} #header{display: block; float: left;} #header td.auto{float: right; clear: right;width: 100%;} #header td.descr{width: 40%;float: right;} #header td.descr h2 {margin: 5px; font-size: 59.9%;} #header td.logo{width: 100%;float: left; margin-top: 20px;} #header td.logo a{margin: 5px 2.5%; width: 95%; height: 50px !important; background-position: center;} #header td.contacts{width: 100%;float: left;} #header td.contacts ul{margin: 5px 2.5%;} #header td.contacts a.map{display: none;} #header td.personal{width: 95%; height: auto; float: left; padding: 5px 2.5%;} #header td.menu{display: none; min-width: 0; width: 100%;} #header td.search{display: none;} #right{display: none;} #main{display: block; float: left;} #special li{width: 48%; margin: 0.5%;} #special li a{width: 100%;} #main form.search input[type=text]{width: 94%; padding: 2.5% 3%; margin: 5px 0;} #main form.search table td{width: 100%; float: left;} #main form.search input[type="submit"]{width: 100%; text-align: center; padding: 8px 0;} #main form.search a.table{display: none;} #main form.search a.blocks{display: none;} #main div.goods div.block{width: 95%; margin: 5px 2.5%;} #main table td.column.goods{float: left; width: 100%;} #main table.onegood{width: 100%;} #main table.onegood img.goods{max-width: 100%;} #bottom{display: block; float: left;} #bottom td.copyright{float: left; width: 95%; padding: 5px 2.5%;} #bottom td.menu{float: left; width: 95%; padding: 5px 2.5%;} #bottom td.menu ul{font-size: 69.9%;} } /* экран меньше 400px */ @media all and (max-width: 400px) { #main div.goods div.block{height: 260px;} } /* экран больше 1700px */ @media all and (min-width: 1700px) { #main div.goods div.block{width: 24%;} div.note{width: 550px;} div.zakaz{width: 880px;} }