html {overflow-y: scroll;}
.body-wrapper { overflow: hidden; }
.bar-mini {position:relative;float:left;width:290px;height:200px;overflow:hidden;margin:20px 25px 0 0;background:no-repeat 0 0;}
.bar-mini a { display:block; position: absolute; left: 0; top: 0; width: 290px; height: 50px; padding: 158px 0 0 15px; background-position: 0 0; line-height: 40px; color: #fff; font-size: 13px; }
.bar-mini.new a { background-position: 0px -200px; }
.bar-mini.new .label,
.bar-mini.new:hover .bar-name { display: none; }
.bar-mini.new:hover .label { display: block; }

#head h1 a { text-decoration: none; border-bottom: 2px dashed; }
#head a:hover { border-bottom: none; }
#head a.selected { border-bottom: none; color: inherit; cursor: default; }

#sort-menu { margin: 0; padding: 0 16px; height: 40px; width: 920px; background: url(bars/select-big-back.png) no-repeat; color: #fff; font-size: 18px; line-height: 36px; position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
#sort-menu dl, #sort-menu dt { display: inline; }
#sort-menu dl,
#sort-menu dd { position: relative; }

#sort-menu .bars-select dt { cursor: pointer; border-bottom: 1px dashed; }
#sort-menu .bars-select.single dt { cursor: default; border-bottom: none; color: inherit; }
#sort-menu .bars-select dd { display: none; position: absolute; top: 33px; /*left: 50%;*/ left: -14px; }
#sort-menu .bars-select dd ul { position: relative; /*left: -50%;*/ padding: 10px 15px; width: 260px; background: url(bars/select-dropdown.png) 0 bottom; color: #fff; }
#sort-menu .bars-select dd ul li { font-size: 14px; line-height: 20px; cursor: pointer; }
#sort-menu .bars-select dd ul li.selected { cursor: default; }
#sort-menu .bars-select dd ul li:hover {}
#sort-menu .bars-select.open dd { display: block; }
#sort-menu .bars-select.open dt { cursor: default; }

#sort-menu #bars-city.bars-select dd { left: -7px; }


#more-info { text-decoration: none; border-bottom: 1px #FFF dashed; }
#more-info:hover { border-bottom: none }
#bars-container { overflow: hidden; clear: both; }

html.loading #bars-container { display: none; }

.please-wait { display: none; }
html.loading .please-wait { display: block; font-size: 16px; margin: 0; padding: 20px 0; text-align: center; color: #888; }

#map { position: relative; height: 500px; clear: both; margin: 20px 25px 0 0; background: #eee; overflow: hidden; }
#map .surface { width: 100%; height: 100%; }
#map .please-wait-map { display: none; }
#map.loading .please-wait-map { display: block; position: absolute; top: 40%; left: 0; padding: 40px 0 0 0; width: 100%; text-align: center; font-size: 25px; }

#map .point { position: absolute; }
#map .point.selected { z-index: 4; }
#map .point:hover { z-index: 5; }
#map .point.selected .icon { width: 30px; height: 30px; background-position: -75px -25px; cursor: default; }
#map .point .icon { position: absolute; left: -10px; top: -24px; width: 21px; height: 25px; background-position: -75px 0; cursor: pointer; }
#map .point .title { display: none; position: absolute; z-index: 10; left: -94px; top: 10px; min-width: 170px; padding: 10px; font-size: 13px; line-height: 17px; color: #fff; background: #000; background: rgba(0,0,0,0.85); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; }
#map .point:hover .title { display: block; }
#map .point .point-name { display: block; font-size: 15px; margin: 0 0 0.5em; color: #f43f3f; }
#map .point.selected .point-name { color: #f47901; }

.position-control { display: none; }
#map .position-control { display: block; position: absolute; left: 20px; top: 20px; width: 61px; height: 106px; background-position: 0 0; }
#map .position-control .to-top,
#map .position-control .to-right,
#map .position-control .to-bottom,
#map .position-control .to-left,
#map .position-control .to-plus,
#map .position-control .to-minus { position: absolute; width: 15px; height: 15px; cursor: pointer; }
#map .position-control .to-top { left: 23px; top: 8px; }
#map .position-control .to-right { left: 32px; top: 26px; }
#map .position-control .to-bottom { left: 23px; top: 44px; }
#map .position-control .to-left { left: 14px; top: 26px; }
#map .position-control .to-plus { left: 23px; top: 62px; }
#map .position-control .to-minus { left: 23px; top: 80px; }


#main-wrapper .column { width: 958px; /*two pixels for borders*/ }
.body-wrapper { width: 920px; position: relative; }
#bars-list { width: 945px; }

.bar-map-popup img {width:100px;float:right;}
.bar-map-popup h2 {font-weight:bold;}
.bar-map-popup p {display:block;margin:5px 5px 5px 0;}

.barman-info .b-title {margin-bottom:20px;}
.barman-info .content {overflow:hidden; position:relative; width: 922px; height: 281px; margin-bottom:25px; font-size:12px;}
.barman-info .content .photo { position: absolute; top: 0; left: 0; height: 281px; width: 357px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px;}
.barman-info .content .desc { position:absolute; left: 357px; top: 0; width: 502px; height: 271px; overflow: auto; background:#f1f0ed;  padding: 10px 30px 0; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; }
.barman-info .content .desc p {margin-bottom: 0.6em; }
.barman-info .content .desc p,
.barman-info .content .desc li {line-height: 15px;}
.barman-info h2 {margin-left:0px; padding-bottom:0.2em; font-size: 18px;}

.barman-info .body-wrapper {padding: 14px 18px 10px;}
.barman-info .hrefs .arrow {color:#000; font-size: 200%; text-decoration:none; }
.barman-info .hrefs .arrow.disabled { cursor:default; color: #C0C0C0; }
.barman-info .hrefs li { display: inline; margin: 0 4px; vertical-align: middle; }

.barman-info .cocktails-list {padding:0px 0 3px 0;}
.barman-info .cocktails-list .viewport{overflow:hidden;position:relative;left:10px;top:2px;height:123px; width:900px;}
.barman-info .cocktails-list .surface{width:30000px;}
.barman-info .cocktails-list .point{height:100px;width:900px;float:left; font-size:120%;}
.barman-info .cocktails-list li{width:8em;text-align:center;float:left;width:150px;}
.barman-info .cocktails-list img{display:block;margin:0 auto 5px;}
.barman-info .cocktails-list .prev,
.barman-info .cocktails-list .next { top: 425px; }
.barman-info .cocktails-list .prev { left: 20px; }
.barman-info .cocktails-list .next { right: 20px; }

.hidden { display: none !important; }

#guide-info-popup .enrollment {font-size:20px; font-style:italic; color:#F22B9F; background:transparent url(bg/body/hr-repeat.png) repeat-x scroll 0 0; clear:both; padding:14px 0 3px 0;}

.popup { position: absolute; z-index: 100; }
.popup .popup-back { position: absolute; background-color: #000; opacity: 0.75; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
.popup,
.popup .popup-back { left: 0; top: 0; bottom: 0; right: 0; }

.popup .popup-front { position: absolute; width: 100%;  }
.popup .popup-controls,
.popup .popup-window { margin: 0 auto; position: relative; }
.popup .popup-controls { height: 10px; top: 80px; }
.popup .popup-window { top: 95px; }

.popup .popup-controls .cross,
.popup .popup-controls .text { color: #fff; text-decoration: none; }
.popup .popup-controls .text { border-bottom: 1px dashed; line-height: 12px; }
.popup .popup-controls .text:hover { border-bottom: none; }
.popup .popup-controls .cross { font-size: 18px; line-height: 20px; width: 25px; height: 25px; text-align: center; }
.popup .popup-controls .cross:hover { color: #ec118f; }

.wide-popup .popup-controls,
.wide-popup .popup-window { width: 958px; }
.wide-popup .popup-controls .cross { position: absolute; right: -6px; top: -1px; }
.wide-popup .popup-controls .text { position: absolute; left: 4px; top: 3px; }