body,table,
h1,h2,h3,h4,
p,form,
fieldset,legend,
ol,ul,li,dl,dt,dd{margin:0;padding:0;border:0;font-weight:normal;list-style:none;}
h2,h3,h4,h5,h6{font-weight:normal;font-size:16px;}
td{font-size:1em;vertical-align:top;}
img{vertical-align:middle;}
a { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }
a img{border:0;}
input,select,textarea,button{font-family:Tahoma,Arial,sans-serif;}
input,select,textarea{font-size:1.1em;}
input[type="password"],
input[type="text"]{height:20px;margin-left:0;padding:4px 0 0 4px;line-height:24px;}
ul{list-style-type:none;}
table{border:0;border-collapse:collapse;}
table td{padding:0;}
.to-print{display:none;}

html{background-color:#fff;}
body{font:62.5% Tahoma,Arial,sans-serif;color:#343b40;position:relative;min-height:100%;padding:0 0 35px 0;}

form button{vertical-align:top;}
form input{vertical-align:middle;}
form p{display:inline;}
form .b p{display:block;padding:0;}
label{display:block;}


/* 0px to 10px rounded corners */
.rounding-corners .lt,
.rounding-corners .rt,
.rounding-corners .lb,
.rounding-corners .rb { position: absolute; width: 10px; height: 10px; background: url(rounded-corners-10px.png) no-repeat; }
.rounding-corners .lt { left: 0; top: 0; background-position: -9px -9px; }
.rounding-corners .rt { right: 0; top: 0; background-position: 0 -9px; }
.rounding-corners .lb { left: 0; bottom: 0; background-position: -9px 0; }
.rounding-corners .rb { right: 0; bottom: 0; background-position: 0 0; }

/* dotted */
.dots dl{background:url(bg/cocktail/dots.png) repeat-x 0 1em;clear:both;overflow:hidden;line-height:1.45;font-size:92%;}
.dots dt{float:left;background:#fff;padding-right:3px;}
.dots dd{float:right;background:#fff;padding-left:3px;}

/* small imgs */

.b:before, .b:after { display: block; height: 1px; content: ''; border: 0 solid #fff; border-width: 0 1px; }
.popup .b:before, .popup .b:after { border-color: #020202 }
.column:before, .column:after { display: block; height: 1px; content: ''; border-top: 1px solid #c0c0c0; margin-top: -1px; }
.column:after { margin: 0 0 -2px 0; }

.border { border-color: #c0c0c0; border-style: solid; border-width: 0 1px; height: 100%; margin-top: 1px; }
.bor-wr { border-color: #c0c0c0; height: 100%; border-style: solid; margin: 0; position: relative; top: -1px; border-width: 1px 0; }


b.lt { left: 0; top: 0; }
b.rt { right: 0; top: 0; }
b.lb { left: 0; bottom: 0; }
b.rb { right: 0; bottom: 0; }


#top { position: relative; z-index: 5; height: 60px; width: 100%; font-size: 12px; margin: 0 auto 40px; border-bottom: 5px solid #fff; background: #000000 url(bg/body/index.png) repeat-x scroll 0 0; }
#top #top-content {position: relative; margin: 0 auto; width: 960px;}
#top h2 { position: absolute; left: -9px; top: 3px; }
#top .nav { position: absolute; left: 190px; top: 0; /*height: 65px;*/ overflow: hidden; background: #000 url(bg/body/index.png) repeat-x 0 0; font-weight: bold; }
#top .nav li{float:left;margin-right:16px;}
#top .nav a { display: block; display: inline-block; height: 37px; font-size: 14px; text-decoration: none; color: #fff; border-bottom: 5px solid #fff; /*line-height: 48px;*/ padding: 23px 18px 0px; }
#top .nav a:hover{border-bottom: 5px solid;}
#cocktails-page #top .nav a.cocktails,
#cocktail-page #top .nav a.cocktails,
#matching-page #top .nav a.cocktails,
#ingredients-page #top .nav a.ingredients,
#bars-page #top .nav a.bars,
#bar-page #top .nav a.bars,
#good-page #top .nav a.goods,
#event-page #top .nav a.events
{ background: url(bg/nav/top.png) repeat-x 0 19px; cursor: default; border-bottom: none !important; }

#top .nav img{}
#top .nav2{display:none;position:absolute;right:0;top:84px;line-height:24px;/*index-page*/}
#top .logo { width: 147px; height: 60px; background-position: -250px 0; display: block; text-indent: 200px; overflow: hidden; }
#index-page #top .logo { cursor: default; }

#bottom{position:relative;z-index:1;font-size:1.1em;line-height:1.7;overflow:hidden;clear:both;padding-top:40px;margin:0 auto;width:960px;}
#bottom .main-menu{float:right;}
#index-page #bottom .main-menu a.main,
#cocktails-page #bottom .main-menu a.cocktails,
#cocktail-page #bottom .main-menu a.cocktails,
#bars-page #bottom .main-menu a.bars,
#bar-page #bottom .main-menu a.bars,
#good-page #bottom .main-menu a.goods,
#event-page #bottom .main-menu a.events
{ color: inherit; cursor: default; text-decoration: none !important; }


.drag-cursor{cursor:url(/t/grabbing.cur),-moz-grabbing;}
.dragging-object{position:absolute;z-index:10;}
#alcohol-harm {margin-top: 15px; width: 960px; height: 40px; background-position: 0 0;}
#branded-image-holder { position: absolute; z-index: 0; right: 0; bottom: 0; width: 100%; overflow: hidden; background-position: 0 0; }
#branded-image-holder .center { width: 1px; height: 1px; margin: 0 auto; position: relative; }
#branded-image { display: block; position: absolute; }

#spotlighted { position: absolute; background-position: 0px -100px; text-decoration: none; }

/* in almost all */
#main-wrapper{margin:0 auto;width:960px;}
.column{border:0 solid #c0c0c0;border-width:0 1px;background:#fff;float:left;width:100%;}
.column-main{width:628px;}

.column-main-container{position:relative;z-index:1;width:630px;float:left;}
.body-wrapper{position:relative;z-index:1;border:0 solid #fff;border-width:0 1px;background:#fff url(bg/body/body-wrapper.png) repeat-x 0 0;padding:14px 18px;}
.b-title{background:url(bg/body/hr-repeat.png) repeat-x 0 100%;margin-bottom:9px;padding-bottom:11px;position:relative;}

.b-title h1,
.b-title h2{font-size:20px;margin-left:-1px;}
.b-title .hrefs {position:absolute; right:0; bottom:15px; font-size:110%;}



/* in cocktail, bar and event */
.b-more {padding-top:20px;overflow:hidden;width:100%;clear:both;padding-bottom:1px;}
.b-more .b-more-cocktails { width:398px;}
.b-more .column{position:relative;}
.b-more dl{height:163px;font-size:120%;height:11.24em;background:#fff url(bg/body/green-more-title.png) repeat-x 0 -19px;}
.b-more dt{margin:-5px -10px 0;padding:0 1px;height:29px;}
.b-more dt b{padding:0 10px;position:relative;top:-1px;line-height:30px;font-size:13px;font-weight:normal;display:block;height:31px;}
.b-more dd{line-height:1.17;position:relative;}
.b-more-cocktails .viewport{overflow:hidden;position:relative;left:16px;top:2px;height:120px; width:330px;}
.b-more-cocktails .surface{width:20000px;}
.b-more-cocktails .point{height:100px;width:330px;float:left;}
.b-more-cocktails ul{padding-top:5px;}
.b-more-cocktails li{width:8em;text-align:center;float:left;width:110px;}
.b-more-cocktails img{display:block;margin:0 auto 5px;}
.b-more-cocktails .prev,
.b-more-cocktails .next{position:absolute;top:54px;height:14px;width:14px;z-index:2;}
.b-more-cocktails .prev{background-position:-500px 0;left:0px;}
.b-more-cocktails .next{background-position:-525px 0;right:-2px;}
.b-more-cocktails .prev.disabled{background-position:-500px -25px;cursor:default;}
.b-more-cocktails .next.disabled{background-position:-525px -25px;cursor:default;}
.cocktail-list .prev,
.cocktail-list .next{position:absolute;top:54px;height:14px;width:14px;z-index:2;}
.cocktail-list .prev{background-position:-500px 0;left:0px;}
.cocktail-list .next{background-position:-525px 0;right:-2px;}
.cocktail-list .prev.disabled{background-position:-500px -25px;cursor:default;}
.cocktail-list .next.disabled{background-position:-525px -25px;cursor:default;}
.b-more .b-more-rec .point{width:130px; display:block}
.b-more .b-more-rec {width:208px;margin-right:20px;}
.b-more .b-more-rec .viewport{width:130px;left:21px;}
.b-more .b-more-rec li{width:130px;}

.square-list .next,
.square-list .prev { display: block; width: 20px; height: 20px; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.square-list .prev { background-position: -450px 0; }
.square-list .next { background-position: -475px 0; }
.square-list .prev.disabled,
.square-list .next.disabled { cursor:default; }
.square-list .prev.disabled { background-position: -450px -25px; }
.square-list .next.disabled { background-position: -475px -25px; }

/* yellow inputs */
.win-shop .b-gadget .count input,
.win-shop .content dd input
{border:1px solid;text-align:center;height:15px;font-size:1em;line-height:1;padding:3px 0 0 0;border-color:#d7d7d7 #fff #fff #d7d7d7;background:#f1f7b6;margin:0;width:35px;}

/* popups-related */
.win-shop{display:none;}
.win-shop{position:fixed;z-index:50;top:0;left:0;width:100%;height:100%;}
.opacity,.win-shop .opacity {background:#000;opacity:0.75;position:absolute;left:0;top:0;bottom:0;right:0;z-index:4;}
.win-shop .win{background:url(bg/win/win.png) no-repeat 0 100%;margin:0 auto;top:72px;position:relative;width:620px;padding:0 19px 19px;z-index:5;}
.win-shop .win-bg{background:url(bg/win/win.png) no-repeat 0 0;position:absolute;top:-20px;width:658px;height:20px;left:0;}
.win-shop .gadget-wrapper{position:relative;}
.win-shop .main{background:#c0c0c0;position:relative;}
.win-shop .main .wrapper{background:#fff;}
.win-shop .main .wrapper{position:relative;overflow:hidden; border: 1px #c0c0c0 solid;}
.win-shop .main .wrapper2{position:relative;}
.win-shop .close{background:url(icon/close.png) no-repeat 0 -10px;position:absolute;height:14px;width:14px;top:11px;right:10px;text-indent:-1000em;}
.win-shop h3{background:url(bg/body/green-more-title.png) repeat-x 0 -19px;padding:34px 0 0 290px;font-weight:bold;font-size:180%;}
.win-shop .main .zoom{display:block;overflow:hidden;width:280px;text-align:center;margin:0 auto 37px;text-decoration:none;}
.win-shop .main .zoom img{display:block;margin:10px auto 13px;}
.win-shop .main .zoom span{text-decoration:underline;}
.win-shop .main .gallery{float:left;width:290px;margin-top:-20px;}
.win-shop .main .gallery ul{margin-bottom:35px;}
.win-shop .content{font-size:120%;float:left;width:328px;}
.win-shop .content small{font-size:92%;}
.win-shop .content .alert{color:#eb1c57;}
.win-shop .content .composition{list-style:disc inside;margin:23px 0 0 11px;min-height:4.5em;line-height:1.5;}
.win-shop .content .desc{clear:both;padding:8px 28px 21px 0;}
.win-shop .content .more,
.win-shop .content .less{position:relative;background-color:#f7f7f7;width:160px;height:47px;padding:12px 30px 0 56px;}
.win-shop .content .more dl *,
.win-shop .content .less dl *{background:#f7f7f7;}
.win-shop .content .more i,
.win-shop .content .less i { width: 25px; height: 30px; position: absolute; left: 21px; top: 16px; }
.win-shop .content .more i { background-position: -200px -25px; }
.win-shop .content .less i { background-position: -225px -25px; }
.win-shop .content form{padding:20px 0 12px 0;}
.win-shop .content form dl{margin:0 52px 6px 0}
.win-shop .content form strong{font-weight:normal;padding-right:12px;}
.win-shop .content form a{margin-left:4px;}
.win-shop .content form dl dt { position: relative; padding-left: 14px; }
.win-shop .content form dl dt i { position: absolute; width: 14px; height: 11px; left: 0; top: 2px; background-position: -225px 0px; }
.win-shop .content form dl.empty dt i { display: none; }

.win-shop .content .sum{overflow:hidden;text-align:right;height:66px;}
.win-shop .content .sum p{float:left;text-align:left;}
.win-shop .content .sum p small{display:block;padding-top:4px;}
.win-shop .content .sum button{margin:6px 50px 0 0;}
.win-shop .content .sum p i{font-family:Georgia,serif;font-size:24px;line-height:31px;font-style:normal;}

.win-shop .b-gadget .cost{font-size:117%;line-height:5;display:block;}
.win-shop .b-gadget .count{display:block;margin-bottom:6px;}
.win-shop .b-gadget .count input{margin-left:6px;}
.win-shop .b-gadget .tags{font-size:82%;color:#343b40;padding-bottom:40px;}
.win-shop .b-gadget small{display:block;}
.win-shop .b-gadget button{display:block;margin:13px 0 21px 0;}
.win-shop .b-gadget .gallery{padding-top:0;}

/* than great buttons, umh... */
button.rounded { position: relative; margin: 0; padding: 0; border: 0; width: 145px; height: 24px; overflow: hidden; color: #fff; cursor: pointer; background-color: transparent; }
button.rounded b { position: relative; left: 1px; top: 0px; font-size: 11px; line-height: 12px; letter-spacing: 0.1em; font-weight: normal; }
button.tiny { width: 110px; background-position: 0 -25px; }
button.strong { background-position: 0 -50px; }




















.column-r .b-title h2{line-height:29px;}

#b-bill {position:relative;z-index:1}
/* bill (cart) */
#b-bill.editing-bar-name .body-wrapper {padding: 11px 18px 14px; }
#b-bill.editing-bar-name .b-title {padding-bottom:8px;}

#b-bill .b-title h1 { display: inline; cursor:pointer}
#b-bill .b-title h1.unnamed { border-bottom: 1px #343B40 dashed;}
#b-bill .b-title label { font-size:20px; margin-left:-7px}
#b-bill .b-title input { border: 1px #c0c0c0 solid; height: 26px; width: 278px; font-size: 20px; padding: 2px 0 2px 4px; color: #343B40;}
#b-bill .b-title .tip { -moz-user-select: none; font-size: 20px; position:absolute; top:0; left:-1px; color:#BBB; padding: 3px 0; }

.column-r, #b-bill, #sidebar {float:left; width:310px; margin-left:18px; position:relative; z-index:1;}
#b-bill dl{position:relative; margin-top:1px;}
#b-bill dt{ height: 20px; background: no-repeat -200px -75px; color: #343b40; font-size: 11px; line-height: 19px; padding-left: 7px; color: #fff; }
#b-bill dt span{position:absolute;top:0;right:32px;display:block;padding-right:32px;}
#b-bill dd {font-size:120%;background:#fff; margin-left: 6px;}
/* после калькулятора */
#b-bill dd li{height:100%;padding:10px 0;position:relative;background:url(bg/body/hr-repeat.png) repeat-x 0 100%;}
#b-bill dd li a{display:block;width:125px;}
#b-bill dd li label{position:absolute;top:10px;width:110px;right:30px;white-space:nowrap;}
#b-bill dd li b{font-weight:normal;display:block;}
#b-bill dd li button{position:absolute;top:12px;right:8px;width:16px;height:16px;border:none;padding:0;background: no-repeat -500px -75px;overflow:hidden;text-indent:200px;cursor:pointer;}
#b-bill dd li button.bt-less,
#b-bill dd li button.bt-more { height:20px; }
#b-bill dd li button.bt-less { background-position: -525px -75px; }
#b-bill dd li button.bt-more { background-position: -550px -75px; }

#b-bill dd input
{border:1px solid;text-align:center;height:15px;font-size:1em;line-height:1;padding:3px 0 0 0;border-color:#d7d7d7 #fff #fff #d7d7d7;background:#f1f7b6;margin:0;width:35px;}


#b-bill dd strong{display:block;padding:17px 0 8px 0;}
#b-bill ul.money li{padding:6px 0;height:100%;}
#b-bill ul.money li a{display:block;width:125px;}
#b-bill ul.money label{text-align:right;}
#b-bill ul.money input{float:left;}
#b-bill ul input{text-align:center;padding-left:0;width:35px;font-size:11px;}
/*TODO*/
#b-bill .total{padding:9px 23px 0 10px;position:relative;overflow:hidden;}
#b-bill .total .money{text-align:center; font:bold 240% Georgia;padding-top:.1em; overflow:hidden;letter-spacing:-.04em;}
#b-bill .print-call { margin-top: 14px; text-align: center; padding-bottom: 30px; padding-left:12px;}
#b-bill .print-call a, #b-bill .print-call span {float:left; font-size:11px; position:relative;}

#b-bill .print-call i { background: no-repeat; height: 12px; width: 12px; position: absolute; top: 0; left: 0; }
#b-bill #print_plan i,
#b-bill #print_plan_inactive i { background-position: -400px -13px; }
#b-bill #call_barmen i { background-position: -414px -13px; width: 11px }
#b-bill #buy_syrups i { background-position: -400px 0; width: 4px; left: 4px; }
#b-bill #buy_liqueurs i { background-position: -405px 0; width: 4px; left: 4px; }
#b-bill #buy_shaker i { background-position: -410px 0; width: 6px; left: 3px; }


#b-bill .print-call .tools { width: 120px; float:left; }
#b-bill .print-call .buy   { width: 103px; float:right; }

#b-bill #buy_shaker,
#b-bill #buy_liqueurs,
#b-bill #buy_syrups,
#b-bill #print_plan,
#b-bill #print_plan_inactive,
#b-bill #call_barmen { padding-left: 16px; }

#b-bill #print_plan { display: none; }
#b-bill #print_plan_inactive { color: #888; }

#b-bill #buy_liqueurs, #b-bill #buy_shaker, #b-bill #call_barmen { margin-top: 3px;}

ul#cart_cocktails {margin-top: 9px;}

#cart_contents{ display: none; }
#cart_totals { display: none; }
#cart_draghere { display: none; position: relative; font-weight: bold; font-size: 12px; border: 1px dashed #999; width: 208px; height: 40px; margin: 24px 0px 0 5px; padding: 14px 6px 10px 45px; }
#cart_draghere i { position: absolute; left: 15px; top: 20px; width: 16px; height: 16px; background: no-repeat -400px -25px; }