html, body, h1, h2, h3, h4, h5, h6, div, p, a, img, table, thead, tbody, th, td, dl, ul, ol, li, dt, dd, form, fieldset, label, button, hr {margin: 0; padding: 0; border: 0; font-weight: normal;}
ol, ul {list-style: none;}
a img {border: none;}
:focus {outline: 0;}
html {background: #000 url(/i/newdes/bg-html3.jpg) 50% 0 no-repeat;}
body {font-family: Arial; font-size: 62.5%; }
.wrap-container {position: relative; width: 953px; margin: 0 auto;
padding-top: 132px; }
a:link {color: #005ada;}
a:visited {color: #005ada;}
a:hover {text-decoration: none; color: #005ada;}
/*-general layout-*/
.cll {clear:left;}
.logo {position: absolute; top: 39px; left: 16px;}
.logo img {width: 309px; height: 45px;}
.ban1 {position: absolute; top: 12px; left: -89px;}
.ban2 {position: absolute; top: 12px; left: 616px;}
.container {overflow: hidden; padding-top: 9px; background: #fff url(/images/bg-sprite.jpg) 0 -304px repeat-x; font-size: 120%;}
.top-menu {overflow: hidden; width: 763px; margin: 0 0 6px 6px; padding-left: 5px; background: url(/images/bg-top-menu.jpg) repeat-x; font-size: 130%; white-space: nowrap;}
.top-menu li {display: inline-block; margin-left: -6px; height: 55px; background: url(/images/bg-top-menu-li.gif) 0 50% no-repeat;}
.top-menu a {position: relative; display: block; padding: 0 19px 0 14px; border-left: solid 1px transparent; border-right: solid 1px transparent; text-decoration: none; line-height: 55px; color: #2c363b;}
.top-menu a:hover, .top-menu .active a {border-color: #999; background: url(/images/bg-top-menu.jpg) 0 -65px repeat-x; color: #fff;}
.top-menu li:first-child a {padding-left: 28px; }
.top-menu li:last-child a {padding-right: 100px;}
.top-menu li.l a {padding-right: 100px;}
.bg {position: relative; top: 6px; left: -1px; width: 954px; clear: both; overflow: hidden; background: url(/images/bg-news.png) bottom repeat-x; }
.main {overflow: hidden; height: 1%; background: url(/images/bg-fax-column.gif) repeat-y; }
.f-c {overflow: hidden; height: 1%; }
h1 {margin-bottom: 13px; font-size: 250%;}
h2 {font-size: 130%;}
h3 {font-size: 165%;}
.inner .content h3 {margin-bottom: 20px; }
h4 {font-size: 140%;}
h4.tab {margin-bottom: 20px;}
h4.tabs {margin-bottom: 10px;}
h5 {margin-bottom: 5px; margin-top: 15px; font-size: 130%; font-weight: bold;}
h6 {font-size: 100%;}
.footer {overflow: hidden; height: 1%; padding: 30px 0 10px 0; background: #000; font-size: 120%;}
.footer .d1 {float: left; width: 277px; padding-left: 12px; color: #c4c4c4;}
.footer .d1 p {margin-bottom: 20px; }
.footer .d1 p img {display: block; margin-top: 5px; }
.footer .d2 {position: relative; overflow: hidden; float: right; width: 675px; margin-left: -100px; color: #8a8582;}
.footer .d2 ul {width: 800px;}
.footer .d2 li {float: left; width: 220px; margin: 0 0 15px 0;}
.footer .d2 li span {display: block; margin-bottom: 5px; font-family: Myriad Pro, Arial; font-size: 130%; color: #b39656;}
.footer .d2 li.f {margin-right: 30px; }
/*index page*/
.top-side-menu {float: right; clear:right; width: 158px; min-height: 335px; margin-right: 12px; overflow: hidden; background: #252525; }
.top-side-menu li {height: 31px; margin-top: -2px; padding: 0 9px; border-top: solid 2px #454545; line-height: 25px; }
.top-side-menu a {color: #fff;}
.order-form {position: relative; float: left; clear:left; width: 303px; height: 234px; margin: 0 6px; padding: 0 5px 5px 14px; border-left: solid 1px #b1aea1; border-bottom: solid 1px #b1aea1; background: #ddc url('/images/bg-sprite.jpg') 0 -43px repeat-x; color: #402e0a;}
.order-form h5 {margin-bottom: 5px; padding-left: 2px; font-size: 125%;}
.order-form .f-c {padding-bottom: 10px;}
.order-form .col {float: left; width: 142px; }
.order-form .col-2 {float: left; width: 65px; }
.order-form .red {color: #be0202;}
.order-form div.red {margin-bottom: 35px; }
.calendar {position: absolute; z-index: 50; top: 67px; left: 115px; width: 190px; border: solid 1px #986707; background: #fff;}
.calendar {-webkit-box-shadow: 3px 3px 3px #999; -moz-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;}
.calendar .m {position: relative; height: 33px; background: #ffe7ab; text-align: center; font-size: 125%; line-height: 34px; color: #402e0a; }
.calendar .arr {position: absolute; top: 9px; width: 10px; height: 15px; background-image: url(/images/calendar-arrows.gif);}
.calendar .prev {left: 5px; background-position: 0 0;}
.calendar .fwd {left: 175px; background-position: -10px 0;}
.calendar .w {overflow: hidden; height: 17px; padding: 2px 0 2px 3px; background: #e9d0a0 url(/images/calendar-w.gif); font-size: 90%;}
.calendar .w li {float: left; width: 25px; text-align: right; line-height: 18px; }
.calendar .d {overflow: hidden; height: 1%; padding: 8px 0 0 6px; font-size: 90%;}
.calendar .d li {float: left; width: 25px; margin-bottom: 8px; text-align: right; line-height: 18px; }
.calendar .d a {display: inline-block; padding: 0 5px; height: 20px; line-height: 20px; color: #642; text-decoration: none;}
.calendar .d a:hover {background: #be1818; color: #fff !important;}
.calendar .v {color: #be1818 !important;}
.calendar .v a {color: #be1818 !important;}
.calendar a.a {background: #f9da9d;}
a.calendar-link,a.dp-choose-date
{display: inline-block; width: 30px; height: 25px; background: url(/images/calendar-link.gif); vertical-align: top;
text-indent: -2000px;
overflow: hidden;
}
a.c1alendar-link {display: inline-block; width: 30px; height: 25px; background: url(/images/calendar-link.gif); vertical-align: top; }
.order-form label.mature {display: block; width: 100px; height: 35px; padding-left: 2px;}
.order-form label.child {display: block; height: 20px; padding-top: 15px; padding-left: 2px;}
.order-form .field {display: inline-block; height: 25px; margin: 0 -3px 0 0; padding: 0; border: none; line-height: 22px; }
.order-form .big {width: 101px; background: url(/images/bg-order-fields.gif) 0 0 no-repeat;}
.order-form .small {width: 50px; margin-bottom: 5px; background: url(/images/bg-order-fields.gif) 0 100% no-repeat; text-align: center;}
.order-form .add-child {float: right; width: 29px; height: 29px; margin: 35px 10px 0 -20px; background: url(/images/order-add-child.gif);}
.order-form div.red {position: absolute; top: 150px; left: 15px;}
.order-form .free-rooms {position: absolute; top: 190px; left: 15px; width: 150px; padding-top: 8px; line-height: 1.4em; }
.order-form .free-rooms input {float: left; margin: 3px 7px 10px 0;}
.order-form .button {position:absolute; left:200px; top:200px; background:url('/images/btn_find.gif') no-repeat 0 0; border:0 none; cursor:pointer; width:73px; height:30px;}
.top-foto {float: left; width: 430px; height: 252px; padding: 4px; border-right: solid 1px #b1aea1; border-bottom: solid 1px #b1aea1; background: #d6d2bc;}
.top-foto img {display: block;}
.index .content {margin: 0 0 0 278px;}
.index .content h3 {margin-bottom: 10px; font-family: Myriad Pro; font-size: 190%; line-height: 1em; color: #9d7c3c;}
.nav {margin-bottom: 10px; }
.map {position: relative; overflow: hidden; height: 1%; padding: 10px 12px 30px 395px; border-bottom: solid 13px #000;}
#flashcontentmap {position: absolute; top: 40px; left: 50px; width: 260px; height: 300px;}
.map h3 {margin-bottom: 7px; }
.map ul {white-space: nowrap;}
.map ul li {margin-bottom: -5px;}
.map li a {display: inline-block; line-height: 26px; padding-right: 15px; background-image: url(/images/bg-map-link.gif); color: #8c8b8a;}
.map li b {display: inline-block; margin-left: -15px; padding-left: 15px; background-image: url(/images/bg-map-link.gif); font-weight: normal; text-decoration: underline; }
.map .col-1 {float: left; width: 150px; margin-right: 10px;}
.map a:hover {background-position: right bottom; color: #45d5f8;}
.map a:hover b {background-position: left bottom;}
.map .col-2 {float: left; width: 105px;}
.resorts {overflow: hidden; height: 1%; padding: 17px 0 30px 12px; border-bottom: solid 13px #000; background: url(/images/bg-resorts.png) bottom repeat-x;}
.resorts .col {float: left; width: 203px; margin-right: 24px; }
.resorts .col-3 {float: left; width: 203px;}
.resorts h4 {height: 35px; margin: 0; padding-left: 28px; background: url(/images/bg-resorts-block.png) no-repeat; font-size: 120%; line-height: 33px; }
.resorts h4 a {color: #a35534;}
.resorts ul {padding: 5px 15px 20px 28px; background: url(/images/bg-resorts-block.png) 0 -35px no-repeat;}
.resorts li {padding: 3px 0 7px 0; }
.resorts li a {color: #000;}
.resorts ul.tab {padding-bottom: 45px;}
.news {position: relative; overflow: hidden; height: 1%; padding: 17px 0 30px 30px;}
.news .col {float: left; width: 264px; margin-right: 41px;}
.news h3 {margin-bottom: 20px; margin-left: 5px; }
.news ul {color: #8c8b8a;}
.news li {margin-bottom: 10px; padding: 0 5px 10px 5px;}
.news li span {display: block;}
.news li a {font-size: 130%; color: #8c8b8a;}
.news li.hot {position: relative; min-height: 50px; margin: 40px 0 10px 0; background: url(/images/bg-news-hot.png) bottom left repeat-x; color: #583947;}
.news li.hot span {display: block; position: absolute; top: -23px; left: 0; width: 259px; height: 16px; padding: 7px 0 0 5px; background: url(/images/bg-news-hot.png) top left repeat-x;}
.news li.hot a {color: #583947;}
.news ul.tab {padding-bottom: 45px;}
.column {float: left; width: 251px; padding: 12px 7px 6px 7px; border-top: solid 13px #000; border-right: solid 13px #000; background: #e9c453 url(/images/bg-fax-column.gif) repeat-y;}
.column h3 {margin: 0 0 10px 3px; font-family: Myriad Pro; font-size: 175%; color: #be0202;}
.spec {margin-bottom: 7px; padding: 6px; background: #868375;}
.spec h4 {font-size: 90%;}
.spec h4 a {display: inline-block; padding: 0 22px 0 12px; background: #313 url(/images/ico-arrow-right.gif) right 10px no-repeat; line-height: 25px; color: #48d5f8;}
.spec li {overflow: hidden; height: 1%; margin-top: 6px; padding: 0 0 6px 6px; background:#f4e2a9;}
.spec .f {float: right; width: 250px; background: #f4dc70; text-align: right; font-size: 115%; padding: 0 5px;}
.spec .f div {width: 72px; height: 65px; margin: 0 0 3px -1px; padding-top: 9px; background: #fff url(/images/bg-spec-foto.jpg) no-repeat; text-align: center;}
.spec .f span {padding-bottom: 3px; font-weight: bold; color: #5f5a43;}
.spec .f big {padding-bottom: 3px; font-size: 120%; font-weight: bold;}
.spec .d {float: left; width: 220px;}
.spec .d h5 {font-size: 140%; font-weight: bold; margin: 3px 0 5px 0;}
.spec .d a {font-size: 120%; color: #000; font-weight:bold;}
.spec .d span {display: block;}
.spec .date {height: 25px; padding-top: 5px; color: #8c8b8a;}
.spec .descr {font-size: 90%;font-weight: bold; color: #868375;}
.spec .hotel {position: relative; padding: 2px 0; font-size: 90%; line-height: 1em; color: #a95f3f;}
.spec .hotel b {display: block; position: absolute; top: -2px; right:0px; width: 26px; height: 26px; background-image: url(/images/bg-hotel-star.png); text-align: center; line-height: 26px; color: #000;}
.spec .hotel .five {background-image: url(/images/bg-hotel-star-5.png);}
.spec li.hot {background: #ce2f31 url(/images/bg-spec-hot.jpg) no-repeat;}
.spec li.hot .f div {background: #fff url(/images/bg-spec-hot-foto.jpg) no-repeat;}
.spec li.hot .d {color: #fff;}
.spec li.hot .d a {font-size: 120%; font-weight: bold; color: #fff;}
.spec li.hot .date {height: auto; color: #fff;}
.spec li.hot .descr {color: #ddd;}
.spec li.hot .hotel {height: auto; padding: 5px 0; color: #fff;}
/*-inner pages-*/
.inner .container {padding: 9px;}
.inner .top-menu {width: 930px; margin-left: 0; }
.inner .top-menu a {padding: 0 30px 0 25px;}
.inner .top-menu li:first-child a {padding-left: 50px;}
.inner .main {background: none;}
.inner .col-l {float: left; width: 190px; min-height: 500px; padding: 7px 10px 0 20px; background: #fff;}
.inner .col-r {float: right; width: 140px; min-height: 500px;}
.inner .col-r-2 {float: right; width: 180px; min-height: 500px; padding-right: 20px; background: #fff;}
.inner .content {min-height: 500px; margin: 0 200px 0 220px; padding: 20px 25px 20px 0; background: #fff;}
.inner .content p {margin-bottom: 15px; line-height: 1.3em; }
/*-city info-*/
.stars {display: inline-block; width: 107px; height: 18px; margin-bottom: 15px; margin-left: 15px; background: url(/images/bg-hotel-stars.gif) top left no-repeat; vertical-align: top;}
a .stars {cursor: pointer;}
a:hover .stars {background-position: 0 -18px !important;}
.star7 {width: 151px;}
.star6 {width: 130px;}
.star5 {width: 107px;}
.star4 {width: 87px;}
.star3 {width: 65px;}
.star2 {width: 43px;}
.star1 {width: 21px;}
.star0 {width: 21px; background: url(/images/bg-hotel-stars-0.gif) top left no-repeat;}
.hotel-show {display: inline-block; width: 19px; height: 18px; margin-left: -10px; margin-right: -9px; background: url(/images/hotel-show.gif) top left no-repeat; vertical-align: top; cursor: pointer;}
a:hover .hotel-show {background-position: 0 -18px;}
a.active .hotel-show {background-position: -19px 0;}
a.active:hover .hotel-show {background-position: -19px -18px;}
.hotel-list {margin: 0 0 10px 15px;}
.hotel-list li {margin-bottom: 6px; }
.hotel-list a {color: #6f4c09;}
.region-list {margin-bottom: 20px; font-size: 115%;}
.region-list>li {margin-bottom: 2px; background: #f1f0fa; }
.region-list>li>a {display: block; padding: 6px 3px 7px 9px; text-decoration: none; color: #5a5a5a;}
.region-list b {border-bottom: dotted 1px #5a5a5a; font-weight: normal; }
.region-list i {display: none; width: 5px; height: 3px; margin: 8px 0 0 5px; background: url(/images/ico-arrow-top.gif) no-repeat; vertical-align: top;}
.region-list ul {padding: 3px 9px 8px 9px; border-top: solid 1px #999; background: #83827e; font-size: 85%;}
.region-list ul a, .region-list ul .active {display: block; padding: 3px 3px 4px 9px; color: #efefef;}
.region-list ul a:hover, .region-list ul .active {background: #fcdf78; color: #777 !important;}
.region-list>li.active, .region-list>li>a:hover {background: #83827e; color: #fcdf78;}
.region-list li.active b, .region-list>li>a:hover b {border-bottom: dotted 1px #fcdf78; color: #fcdf78;}
.region-list .active i {display: inline-block;}
.city-info .col-r h4 {padding: 7px 5px 5px 5px; background: #fff;}
.city-info .content {margin: 0 148px 0 220px;}
.city-sub-menu {overflow: hidden; margin-bottom: 20px; background: #eacf7e;}
.city-sub-menu li {display: inline-block; margin-left: -1px; padding: 5px 7px 6px 8px; border-left: solid 1px #fff; }
.city-sub-menu a {border-bottom: dotted 1px #114287; text-decoration: none; color: #114287;}
.city-descr {margin-bottom: 35px; padding-left: 15px; color: #666;}
.city-descr h5 {margin: 20px 0 7px -15px; font-weight: bold; color: #000;}
.city-descr p {line-height: 1.4em !important; }
.city-infm {overflow: hidden; height: 1%; width: 370px; margin-bottom: 5px; padding: 5px 15px 10px 15px; background: #fafafa url(/images/bg-city-infm.gif) bottom repeat-x; }
.city-infm .price {float: left; width: 225px;}
.city-infm h5 {margin-bottom: 10px;font-weight: bold;}
.city-infm .download {min-height: 50px; padding: 5px 0 5px 45px; color: #666;}
.city-infm .download span {display: block; padding-top: 5px; font-size: 90%;}
.city-infm .dl-xls {background: url(/images/dl-xls-big.png) 0 5px no-repeat;}
.gallery {position: relative; min-height: 325px; padding: 9px 0;}
.gallery .big-img {width: 392px; min-height: 296px; padding: 4px; background: #d6d2bc;}
.gallery .foto-list {position: absolute; top: 0; left: 400px; width: 150px; height: 305px; padding: 9px 0;}
.gallery .foto-list div {margin-left: 10px; padding: 20px 15px 20px 0; background: #252525;}
.gallery .foto-list div div {position: relative; margin-left: -10px; height: 265px; padding: 0; overflow: hidden; background: none;}
.gallery .foto-list ul {position: absolute; top: 0; left: 0; width: 135px;}
.gallery .foto-list li {margin-bottom: 5px; text-align: right;}
.gallery .foto-list li img {display: block; margin: 0 0 0 auto; padding: 1px; border: solid 4px #252525; background: #454545; }
.gallery .foto-list li.active {background: #d6d2bc;}
.gallery .foto-list li.active img {border-color: #fff;}
.gallery .arr {position: absolute; left: 60px; width: 39px; height: 25px; background-image: url(/images/ico-gallery-arrows.gif); background-repeat: no-repeat;}
.gallery .up {top: 0; background-position: top;}
.gallery .down {top: 298px; background-position: bottom;}
/*-info-page-*/
.info-page .col-l {width: 175px; padding-top: 20px; padding-right: 25px; }
.info-page .col-l h3 {margin-bottom: 5px; font-size: 160%; color: #035060;}
.info-page .col-r-2 {padding-top: 20px;}
.info-page .col-r-2 h3 {margin-bottom: 5px; font-size: 160%; color: #4e4e4e;}
.info-page h3.hot {color: #c51b0c;}
.info-page .col-l ul, .info-page .col-r-2 ul {margin-bottom: 30px;}
.info-page .col-l li, .info-page .col-r-2 li {margin-bottom: 2px; padding: 6px 5px 8px 12px; background: #f1f0fa; line-height: 1.4em; }
.info-page .col-l li a, .info-page .col-r-2 li a {color: #000;}
.info-page .type2 li a {color: #29091d;}
.info-page .type3 li {background: #c72e2f;}
.info-page .type3 li a {color: #fff;}
.info-page p.hot {font-style: italic; color: #ac4416;}
p.signature {margin-left: 20px; font-style: italic; color: #666;}
/*-prices-*/
.prices h1 {margin-bottom: 25px; }
.prices .col-l {width: 175px; padding-top: 20px; padding-right: 25px; }
.prices .col-l h4 {padding-left: 13px;}
.prices .col-r-2 {padding-top: 20px;}
ul.price-sort {margin-bottom: 25px;}
.price-sort li {margin-bottom: 2px; padding: 6px 5px 7px 12px; background: #f1f0fa; line-height: 1.4em; }
.price-sort a {border-bottom: dotted 1px #29091d; text-decoration: none; color: #29091d !important;}
.price-sort li.all a {border-bottom: none; font-size: 120%; color: #005ada !important;}
.prices .content h3 {margin-top: 25px; color:#005ADA; }
.prices h5 {font-weight: normal; cursor:pointer;text-decoration: underline; font-size: 120%;}
.prc {margin-bottom: 15px; }
.prc li {margin-bottom: 5px; padding: 5px 5px 5px 10px; line-height: 1.4em; }
.prc li.g {background: #f1f0ea;}
.prc li strong {margin-right: 5px; font-size: 115%; font-weight: normal; }
.prc li span {font-size: 90%; white-space: nowrap; color: #888;}
.prc li span a {display: inline-block; padding-left: 22px; background-position: 0 60%; background-repeat: no-repeat; font-size: 110%;}
.prc a.rar {background-image: url(/images/ico-dl-rar.gif);}
.prc a.zip {background-image: url(/images/ico-dl-zip.gif);}
.prc a.xls {background-image: url(/images/ico-dl-xls.gif);}
.prc a.doc {background-image: url(/images/ico-dl-doc.gif);}
div.content table, div.content td {m1argin: 2px;
border: 2px solid #FFF;
paddin1g: 5px;
border-collapse:collapse;
borde2r: none;
backgr1ound-color: #F1F0FA ;
background:none repeat scroll 0 0 #F1F0FA;}
div.content td {
padding: 5px;
}
.hoteltitle, .hoteltitle td {margin: 0 !important;; padding: 0px !important;;
border: 0px none !important;;
background-color: #FFF !important;}
.prcgrp H5 {cursor: pointer;}
/* added 2010.06.10 */
.emerg {float:right; width:158px; text-align:center; height:45px; background:url('/images/bg_emerg.jpg') repeat-x; font-size:15px; margin:0 12px 6px 0; padding: 10px 0 0 0;}
.emerg div {font-size:16px;}
#childtable {width:160px;}
.auth_form, .search_form {float:left; width:311px; height:66px; margin: 0 0 6px 6px; padding: 0 0 0 11px; background:url('/images/bg_auth_form.gif') repeat-x; border:1px solid #5b5b5b; border-width: 0 0 1px 1px;}
.search_form {width:427px;}
.auth_form div, .search_form div {float:left; padding:10px 0 0 5px; height:20px; width:295px; font-size:14px; color:#402e0a;}
.search_form div {width:420px; padding:10px 0 0 0;}
.auth_form input.field, .search_form input.field {float:left; margin-right:5px; width:97px; height:27px; background:url('/images/bg_auth_search_field.gif') no-repeat; border:0; padding: 0 5px; line-height:27px;}
.search_form input.field {width:326px; background-position:left bottom;}
.auth_form input.button, .search_form input.button {float:left; margin:0; width:75px; height:29px; background:url('/images/bth_auth_search.gif') no-repeat right top; border:0; padding: 0; line-height:27px; cursor:pointer;}
.search_form input.button {background-position:left top;}
.hotline {background-color:#454545; color:#ddd; padding: 2px 12px 2px 6px ; font-size:11px; line-height:11px; font-weight:bold;
text-align:right;
border-top:2px solid #000;}
.hotline div.exch {float:left; padding:0 6px; font-size:12px;}
.food_forms {width:870px; padding: 0 0 0 30px;float:left;}
.food_forms h1 {font-size:36px; font-weight:bold;}
.food_forms p.ol_hd {color:#ac4416;}
.food_forms ol.food_forms_menu {color:#ac4416; list-style:decimal outside; margin:15px 0 15px 20px ;}
.food_forms ol.food_forms_menu li {margin: 0 0 20px 0;}
.food_forms ol.food_forms_menu span {color:#000;}
.food_forms div.food_forms_field {float:left; margin:15px 24px 0 0;}
/*.food_forms div.fff_230 {width:230px;}*/
.food_forms div.nm {float:left; padding: 4px 0; font-size:13px;}
.food_forms div.nm span {font-size:18px; line-height:12px; color:#f00;}
.food_forms div.food_forms_field div.txt {float:left; clear:left; width:207px; height:25px; background:url('/images/bg_food_menu_input_txt.gif') no-repeat left top;}
.food_forms div.food_forms_field div.txt input {float:left; width:197px; height:25px; margin:0; border:0; padding:0 5px; background:none;}
.food_forms div.food_forms_field div.date {width:131px; height:25px; background-position:0 -25px;}
.food_forms div.food_forms_field div.date input {width:90px;}
.food_forms div.food_forms_field a.ico_date {display:block; float:left; width:30px; height:25px; text-decoration:none !important;}
.food_forms div.food_forms_field div.l_txt {width:318px; background-position:left -50px;}
.food_forms div.food_forms_field div.l_txt input {width:308px;}
.food_forms div.ad_date {float:left; clear:left; width:860px;}
.food_forms div.psng_line {float:left; clear:left; width:860px; margin:0; padding:0 0 20px 0;}
.food_forms div.psng_line div.food_forms_field {margin-top:0;}
.food_forms div.food_forms_field div.bdate {float:left; clear:left; width:200px;}
.food_forms div.food_forms_field div.date_day {width:42px; background-position:-270px -25px; padding: 3px; height:19px; margin-right:6px;}
.food_forms div.food_forms_field div.date_month {clear:none; width:74px; background-position:-238px 0; padding: 3px; height:19px; margin-right:6px;}
.food_forms div.food_forms_field div.date_year {clear:none; width:50px; background-position:-206px -25px; padding: 3px; height:19px;}
.food_forms select {border:0 solid #fff; height:19px; font-size:11px; background:#fff;}
.food_forms div.date_day select {width:40px; }
.food_forms div.date_month select {width:72px;}
.food_forms div.date_year select {width:48px; }
.food_forms div.menu_sel {width:50px; margin:0 12px 0 0;}
.food_forms div.psng_minus, .food_forms div.psng_plus {margin:0 10px 0 0;}
.food_forms div.psng_minus div.txt, .food_forms div.psng_plus div.txt {width:27px; height:27px; background-position:0 -83px; padding:0; margin-right:6px;}
.food_forms div.psng_plus div.txt {background-position:-27px -83px;}
.food_forms div.psng_minus a, .food_forms div.psng_plus a {display:block; float:left; width:27px; height:27px; text-decoration:none !important;}
.food_forms div.psng_plus div.add_psng {float:left; font-size:12px;line-height:13px; color:#a9690d;}
.food_forms div.prim {float:left; clear:left; color:#be0202}
.food_forms div.prim span {font-size:18px; line-height:14px;}
.food_forms div.textarea_box {float:left; clear:left; width:529px; height:93px; padding:4px; background:url('/images/bg_food_menu_input_txt.gif') no-repeat -318px 0;}
.food_forms div.textarea_box textarea {float:left; width:529px; height:93px; padding:0; margin:0; border:0 solid #fff;}
.food_forms div.sbm_btn {float:left; clear:left; width:144px; height:50px; margin: 20px 0; padding:0; background:url('/images/bg_food_menu_input_txt.gif') no-repeat -98px -76px;}
.food_forms div.sbm_btn input {float:left; width:144px; height:50px; padding:0; margin:0; border:0; cursor:pointer; background:transparent;}
div.avia_online {position:absolute; top:240px; left:0px; width:322px; height:20px; border-top:1px solid #000; background:url('/images/bg_avia_online.gif') no-repeat 10px 0px #252525;}
div.avia_online a {display:block; padding:0 0 0 90px; color:#fff;}
div.req_online {position:absolute; top:240px; left:0px; width:322px; height:20px; border-top:1px solid #000; background:#252525;}
div.req_online a {display:inline; padding:0 0 0 25px; color:#fff;}
.inner .main_white {background:#fff;}
div.food_forms_field a.dp-choose-date {background:none;}
.middle_form {padding:0; width:495px}
.middle_form table {border-collapse:collapse;}
.middle_form td {background:#fff !important; padding:0 !important;}
.middle_form div.textarea_box {width:490px; height:150px; background-position:-318px -110px;}
.middle_form div.textarea_box textarea {width:482px; height:142px;}
div.content UL {list-style: disc;}
div.content LI {margin-left:20px;}
table.jCalendar {
border: 1px solid #986707;
background: #FFF;
border-collapse: ;
border-spacing: 2px;
}
table.jCalendar th {
background: #E9D0A0;
color: #000;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #FFE7AB;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #F9DA9D;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #F9DA9D;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
position: relative;
background: #FFE7AB;
color: #fff;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
color: #000;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
/* located in demo.css and creates a little calendar icon
* instead of a text link for "Choose date"
*/
a.d1p-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 1px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(/i/calendar.png) no-repeat;
}
a.d1p-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 80px;
fl1oat: left;
}
#map_list{
float: left;
height: 500px;
width: 150px;
margin: 0;
padding: 0;
background: #EBEBEB;
list-style: none;
}
#map_list li{
padding: .5em;
}
#map_list li:hover {
background: #555;
color: #FFF;
cursor: pointer;
cursor: hand;
}
#map_list li.active{
background: #555;
color: #FFF;
}
#map_list li.active:hover{
background: #363636;
cursor: default;
}
#map_message{
display: none;
position: absolute;
width: 12em;
padding: .5em;
background: #555;
font-size: .9em;
color: #FFF;
}
#map_message img{
border: 0;
margin-top: 0;
}
#map_message a{
color: #CAEAF9;
border-bottom: 1px solid #EBEBEB;
}
#map_message a:hover{
color: #FFF;
border-bottom: 1px solid #CAEAF9;
}
/* this makes it possible to add next button beside scrollable */
div.scroll {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
display:block;
width:5px;
height:44px;
background:url(/i/scrollable/arr/leftarr.png) no-repeat;
float:left;
margin:1px 1px;
cursor:pointer;
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
background-position:0px -44px;
}
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}
/* next button uses another background image */
a.next, a.nextPage {
background-image:url(/i/scrollable/arr/rightarr.png);
clear:right;
}
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
margin-left:228px;
width:132px;
height:20px;
}
/* items inside navigator */
div.navi a {
width:8px;
height:8px;
float:left;
margin:3px;
background:url(/i/scrollable/arr/navigator.png) 0 0 no-repeat;
cursor:pointer;
}
/* mouseover state */
div.navi a:hover {
background-position:0 -8px;
}
/* active state (current page state) */
div.navi a.active {
background-position:0 -16px;
}
div.scroll {
/* required settings */
position:relative;
overflow:hidden;
width: 137px;
height:44px;
background-color:#EFEFEF;
border:1px outset #CCCCCC;
padding:0px 1px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a super large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scroll div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated on horizontal scrolling
typically this element is the one that *you* will style
the most.
*/
.items div {
float:left;
margin-right:12px;
width:100px;
}
/* you may want to setup some decorations to active item */
div.items div.active {
border:1px inset #ccc;
background-color:#fff;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 450px;
height:90px;
/* custom decorations */
border:1px solid #ccc;
background:url(/i/scrollable/h300.png) repeat-x;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
/* single scrollable item */
.scrollable img {
float:left;
margin:5px 5px 0px 5px;
background-color:#fff;
padding:2px;
border:1px solid #ccc;
cursor:pointer;
width:100px;
height:75px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
border:2px solid #000;
z-index:9999;
position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(/i/scrollable/arr/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:30px 10px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right { background-position: 0 -30px; clea1r:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* up and down */
a.up, a.down {
background:url(/i/scrollable/arr/vert_large.png) no-repeat;
float: none;
margin: 10px 50px;
}
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}
/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(/i/scrollable/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
/* the large image. we use a gray border around it */
#img {
border:1px solid #666;
}
/* "next image" and "prev image" links */
.nextgal, .prevgal {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;
border:1px solid #666;
cursor:pointer;
display:block;
padding:10px 20px;
color:#fff;
font-size:11px;
/* upcoming CSS3 features */
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.prevgal {
left:0;
border-left:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-top-left-radius:0;
}
.nextgal {
right:0;
border-right:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-right-radius:0;
}
.nextgal:hover, .prevgal:hover {
text-decoration:underline;
background-color:#000;
}
/* when there is no next or previous link available this class is added */
.disabled {
visibility:hidden;
}
/* the "information box" */
.info {
position:absolute;
bottom:0;
left:0;
padding:10px 15px;
color:#fff;
font-size:11px;
border-top:1px solid #666;
}
.info strong {
display:block;
}
/* progress indicator (animated gif). should be initially hidden */
.progress {
position:absolute;
top:45%;
left:50%;
display:none;
}
/* everybody should know about RGBA colors. */
.nextgal, .prevgal, .info {
background:#333 !important;
background:rgba(0, 0, 0, 0.6) url(/i/scrollable/h80.png) repeat-x;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/i/cbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/i/cbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/i/cbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/i/cbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/i/cbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/i/cbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/i/cbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/i/cbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/i/cbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/i/cbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/i/cbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/i/cbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/i/cbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/i/cbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/cbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}