/* стили для выравнивания полей и границ в разных браузерах */ html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote, table, tr, td { margin:0; padding:0; border:none;} .inputtext, .inputpath { margin:0; padding:0} input, select { margin:0} html { font-size:100%; height:100%} body { font-family:verdana, sans-serif; font-size:0.7em; text-align:center; height:100%} /* общие стили, использующиеся на всех страницах без привязки к месту */ option {padding-right:0.8em;} .NbPrI-PadLeft10{padding-left:10px;} ul { list-style:none} .NbPrI-clearing { height:0; font-size:0; clear:both} /* этот див используется только пустым. он не позволяет плавающим блокам вываливаться из родителя (не ржать!) не забывайте ставить его там, где он есть по верстке - это важно! */ #NbPrI-content a.NbPrI-up { margin:2px 0 0 6px; float:left} /* ссылка "наверх" на странице инфо */ a.NbPrI-explanation,a:hover.NbPrI-explanation { padding:0 4px; width:12px; height:12px; text-decoration:none; cursor:help;margin-left:3px;} /* оранжевая кнопачка с вопросиком */ /* Див, который держит всю страницу и определяет минимальную ширину */ #NbPrI-general { margin:0 auto; width:100%; min-width:850px; text-align:left; min-height:100%; _height:100%; } /* min-width for IE*/ * html #NbPrI-general { width: expression((w = (document.documentElement.clientWidth || document.body.clientWidth) - 20) > 850 ? '100%' : '850px');} /* центральная часть верстка колонок */ #NbPrI-central { padding:21px 32px 120px 32px; clear:both;} *+html #NbPrI-central { height:1%;} * html #NbPrI-central { height:1%;} #NbPrI-container { width:100%} /* этот див нужен!!! для того, чтобы ИЕ6 не разваливал верстку. Диву NbPrI-central нельзя дать 100% ширину, потому что у него есть паддинги, которые суммируются к общей ширине */ #NbPrI-narrowColl { width:30%; float:left} /* узкая колонка, в данном случае левая */ *+html #NbPrI-narrowColl { width:29.5%} * html #NbPrI-narrowColl { width:29.5%} #NbPrI-wideColl { width:70%; float:left} /* широкая колонка */ /* стиль автоматически определяет правый отступ, который должен быть у стандартного блока в узкой колонке */ #NbPrI-narrowColl .NbPrI-item { margin-right:12px;} /* заголовок обычный и с пиктограммкой отеля */ h1 { margin-top:-6px; padding-left:10px; padding-bottom:12px; font-weight:normal; font-size:1.8em; float:left} h1.picto { margin-top:-6px; padding-left:30px; padding-bottom:12px; font-weight:normal; font-size:1.8em; float:left} /* белый текст на синем фоне, который используется на странице бронирования */ p.NbPrI-whitetext { margin-bottom:20px; padding:4px 10px; font-size:1em;} /* стандартный блок, который раздвигается на ширину колонки */ div.NbPrI-item { margin-bottom:10px; clear:both} /* синее верхнее обрамление блока с белым заголовком */ div.NbPrI-itemtopBl dd { margin:0 5px 0 5px; } /* тянущийся на любую ширину рисунок полосы */ div.NbPrI-itemtopBl dd h2 { padding:3px 0 5px 12px; font:bold 14px verdana;} html*div.NbPrI-itemtopBl dd h2 { font-weight:normal} *+html div.NbPrI-itemtopBl dd h2 { font-weight:bold} * html div.NbPrI-itemtopBl dd h2 { font-weight:bold} /* желтое верхнее обрамление блока с черным заголовком */ div.NbPrI-itemtopYlw dd { margin:0 5px 0 5px;} /* тянущийся на любую ширину рисунок полосы */ div.NbPrI-itemtopYlw dd h2 { padding:3px 0 5px 12px; font:bold 14px verdana;} html*div.NbPrI-itemtopYlw dd h2 { font-weight:normal} *+html div.NbPrI-itemtopYlw dd h2 { font-weight:bold} * html div.NbPrI-itemtopYlw dd h2 { font-weight:bold} /* нижняя закрывашки стандартного блока */ *+html div.NbPrI-jalousie { height:1%} * html div.NbPrI-jalousie { position:relative} div.NbPrI-jalousie dl {} div.NbPrI-jalousie dd { margin:0 5px 0; 5px; position:relative} div.NbPrI-item .NbPrI-hgt11 { height:11px} /* стиль определяет минимальную по высоте закрывашку */ div.NbPrI-item .NbPrI-hgt46 { height:46px; text-align:center} /* стиль определяет высокую закрывашку, в которой стоит кнопка поиск, например блок Поиск и бронирование гостиницы */ * html div.NbPrI-item .NbPrI-hgt11 { font-size:7px !important} * html div.NbPrI-item .NbPrI-hgt-ie { height:1%} /* открывающая ссылка - синяя справа внизу блока */ div.NbPrI-jalousie a.NbPrI-open { padding-right:20px; padding-left:5px; font-size:9px; text-decoration:none; display:block; text-transform:lowercase; position:absolute; right:-5px;bottom:0;} *+html div.NbPrI-jalousie a.NbPrI-open { bottom:-2px; cursor:pointer} * html div.NbPrI-jalousie a.NbPrI-open { bottom:-1px; cursor:pointer} * html div.NbPrI-jalousie .NbPrI-hgt46 a.NbPrI-open { bottom:-2px; right:-6px} div.NbPrI-jalousie a.NbPrI-open span { margin-top:0; padding:0 2px 1px 2px; display:block} *+ html div.NbPrI-jalousie a.NbPrI-open span { margin-top:0; padding-bottom:1px; position:relative; top:-0px; cursor:pointer} * html div.NbPrI-jalousie a.NbPrI-open span { width:2%; white-space: nowrap; height:1%; cursor:pointer} /* закрывающая ссылка - синяя слева внизу блока */ div.NbPrI-jalousie a.NbPrI-close { padding-right:6px; padding-left:20px; font-size:9px; text-decoration:none; display:block; text-transform:lowercase; position:absolute; left:-5px; bottom:0} *+html div.NbPrI-jalousie a.NbPrI-close { cursor:pointer} *+html div.NbPrI-jalousie a.NbPrI-close span { cursor:pointer} * html div.NbPrI-jalousie a.NbPrI-close { bottom:-2px; cursor:pointer} div.NbPrI-jalousie a.NbPrI-close span { margin-top:-1px; padding:0 2px 1px 2px; height:11px; display:block} * html div.NbPrI-jalousie a.NbPrI-close span { margin-left:0; width:2%; white-space: nowrap; height:1%; position:relative; left:-4px; cursor:pointer} * html div.NbPrI-jalousie dd.NbPrI-hgt46 a.NbPrI-close { bottom:-1px} /* div.NbPrI-into - первый внутренний див стандартного блока с белым (почти) фоном, в котором идет вся инфа до того, как блок откроется */ div.NbPrI-into { padding-bottom:12px; position:relative} div.NbPrI-into ul.NbPrI-character, div.NbPrI-hidden ul.NbPrI-character { padding-left:15px; padding-top:7px; font-weight:bold} /* класс списков для общего вывода характеристик отеля. застилен как для первого уровня внутреннего блока, так и для второго. Например верхние первый (закрытый) и второй (открытый) блоки в левой колонке */ div.NbPrI-into ul.NbPrI-character span, div.NbPrI-hidden ul.NbPrI-character span { padding-left:3px; font-weight:normal} div.NbPrI-into ul.NbPrI-character p.fleft { float:left} .NbPrI-flt {width:90%; float:left} /* добавочный класс для парного вывода в строке */ ul.NbPrI-flt li { width:49%; float:left} * html div.NbPrI-into { height:1%} ul.NbPrI-botpadd li { padding-bottom:8px} /* добавочный класс для нижнего отступа у
  • , когда он требуется. Пример - открытый второй сверху блок в левой колонке (голубой фон) */ span.NbPrI-block { padding-left:0 !important; display:block} div.NbPrI-item div.NbPrI-into p.NbPrI-bold { margin-left:15px; padding-top:10px; font-weight:bold; width:90%} /* внутренний - скрытый - блок с голубм фоном, открывающийся по нажатию ссылки подробнее и прочих */ div.NbPrI-item .NbPrI-hidden { margin:0 4px; padding-bottom:10px; display:none} *+html div.NbPrI-item .NbPrI-hidden { height:1%} * html div.NbPrI-item .NbPrI-hidden { height:1%} div.NbPrI-item .NbPrI-shown { display:block} /* дополнительный класс, который добавляется к диву
    и открывает внутренний блок */ div.NbPrI-item .NbPrI-hidden h3 { padding:4px 0 4px 10px;} /* заголовок в скрытом диве */ *+html div.NbPrI-item .NbPrI-hidden h3 { font-size:13px} * html div.NbPrI-item .NbPrI-hidden h3 { font-size:13px} div.NbPrI-item .NbPrI-hidden p { padding-left:10px} div.NbPrI-item .NbPrI-hidden p span.NbPrI-bold { font-weight:bold} /* спан для болда в тексте в скрытом блоке */ /* эмуляция таблицы цен за номер на голубом фоне (сверстана вложенным списком). Пример - страница bron1.htm второй сверху блок в широкой колонке - под строкой "Стоимость проживания по дням" */ ul.NbPrI-character li ul { padding:10px 0 8px 0; width:86%; font-weight:normal; float:left} ul.NbPrI-character li.NbPrI-clear { clear:left} *+html ul.NbPrI-character li ul { padding-top:4px} * html ul.NbPrI-character li ul { padding-top:4px} /* Широкая колонка - описание отеля */ div.NbPrI-into div.NbPrI-pic { margin:4px 10px; margin-left:0; padding-left:16px; float:left} /* Картинка отеля. Единый стиль на фото любой величины */ div.NbPrI-into p { margin-left:88px; padding-top:4px; width:46%} div.NbPrI-into p.NbPrI-info { margin-left:0; padding-top:4px; padding-bottom:6px; padding-right:15px; width:auto; display:table; _height:0 /* for IE6 */; zoom:1 /* for IE7 */} /* Класс для

    на странице инфо. Написан так, чтобы текст не обтекал картинку. Сложность в том, что ВСЕ описание, включая ссылку на другие фото, надо верстать в одном тэге

    , потому что стиль "видит" отступ от картинки только если начинается на ее уровне. */ /* */ div.NbPrI-into p.small { font-size:0.9em} /* текст меньшего размера */ * html div.NbPrI-into p.small { height:1%} /* */ div.NbPrI-into p.NbPrI-small { font-size:0.9em} /* текст меньшего размера */ * html div.NbPrI-into p.NbPrI-small { height:1%} /* */ div.NbPrI-into p.NbPrI-wide { margin-left:0; padding:4px 5px 4px 15px; width:auto; clear:both} /* текст на всю ширину блока */ div.NbPrI-into p span { font-weight:bold} div.NbPrI-into .NbPrI-grid { padding-left:15px; padding-bottom:2px; background:url(img/grid.gif) no-repeat 0 2px} /* добавочный класс, когда нужна картинка у ссылки. Например ссылка "Еще фото"*/ div.NbPrI-into span.NbPrI-interv { height:10px; display:block} /* Интервал для создания отступов между абзацами в тэге

    */ /* пиктограммы "удобства" - индексная страница, описание отеля */ div.NbPrI-into ul.NbPrI-picto { width:350px; margin-left:88px; margin-top:10px; height:16px; position:relative} * html div.NbPrI-into ul.NbPrI-picto { margin-left:89px} div.NbPrI-into ul.NbPrI-picto li { margin-right:2px; width:16px; height:16px; float:left; display:block;} div.NbPrI-into ul.NbPrI-picto li { background-image:url(img/picto.gif); background-repeat:no-repeat} div.NbPrI-into ul.NbPrI-picto li.NbPrI-txt { padding-top:2px; padding-right:3px; width:auto; font-size:0.9em; font-weight:bold; background:none; border:none} div.NbPrI-into ul.NbPrI-picto li.BABY { background-position:0 0} div.NbPrI-into ul.NbPrI-picto li.BAR { background-position:0 -16px} div.NbPrI-into ul.NbPrI-picto li.BUSCTR { background-position:0 -32px} div.NbPrI-into ul.NbPrI-picto li.SPA { background-position:0 -48px} div.NbPrI-into ul.NbPrI-picto li.FPRKNG { background-position:0 -64px} div.NbPrI-into ul.NbPrI-picto li.NSMK { background-position:0 -80px} div.NbPrI-into ul.NbPrI-picto li.PETS { background-position:0 -96px} div.NbPrI-into ul.NbPrI-picto li.POOL { background-position:0 -112px} div.NbPrI-into ul.NbPrI-picto li.REST { background-position:0 -128px} div.NbPrI-into ul.NbPrI-picto li.WCHR { background-position:0 -144px} div.NbPrI-into ul.NbPrI-picto li.no-BABY { background-position:0 -160px} div.NbPrI-into ul.NbPrI-picto li.no-BAR { background-position:0 -176px} div.NbPrI-into ul.NbPrI-picto li.no-BUSCTR { background-position:0 -192px} div.NbPrI-into ul.NbPrI-picto li.no-SPA { background-position:0 -208px} div.NbPrI-into ul.NbPrI-picto li.no-FPRKNG { background-position:0 -224px} div.NbPrI-into ul.NbPrI-picto li.no-NSMK { background-position:0 -240px} div.NbPrI-into ul.NbPrI-picto li.no-PETS { background-position:0 -256px} div.NbPrI-into ul.NbPrI-picto li.no-POOL { background-position:0 -272px} div.NbPrI-into ul.NbPrI-picto li.no-REST { background-position:0 -288px} div.NbPrI-into ul.NbPrI-picto li.no-WCHR { background-position:0 -304px} div.NbPrI-into span.NbPrI-none { display:none} /* стиль для скрытия текста внутри

  • - во-первых на пустые
  • ругается валидатор, во вторых может пригодится для поисковиков */ /* цена в голубоватом дизайне. Блок с ценой на выпуклом листке в описании отеля */ div.NbPrI-into dl.NbPrI-cost {cursor:pointer; padding:6px; margin:6px; width:142px; height:55px; position:absolute; top:0; right:90px; font-size:10px; text-align:center} div.NbPrI-into dl.NbPrI-cost span { font-size:18px} div.NbPrI-into dl.NbPrI-cost dd { margin-top:-25px; margin-left:-10px; width:142px; height:55px; background:url(img/recomend.gif) no-repeat 0 0;} div.NbPrI-lang_EN div.NbPrI-into dl.NbPrI-cost dd {background:transparent url(img/recomend_en.gif) no-repeat scroll 0pt 50%;} * html div.NbPrI-into dl.NbPrI-cost dd { position:relative; z-index:1} div.NbPrI-into .none { display:none} /* цена в желтоватом дизайне. Блок с ценой на выпуклом листке в описании отеля */ div.NbPrI-into dl.NbPrI-costYlw { padding:6px; margin:6px; width:142px; height:55px; position:absolute; top:0; right:90px; font-size:10px; text-align:center} div.NbPrI-into dl.NbPrI-costYlw span { font-size:18px} div.NbPrI-into dl.NbPrI-costYlw dd { margin-top:-25px; margin-left:-10px; width:142px; height:55px; background:url(img/recomend.gif) no-repeat 0 0;} * html div.NbPrI-into dl.NbPrI-costYlw dd { position:relative; z-index:1} /* дополнительные опции - оранжевые ссылки справа в блоке описания отеля */ div.NbPrI-into ul.NbPrI-options { padding-top:10px; width:80px; font-size:0.9em; position:absolute; top:0; right:6px} div.NbPrI-into ul.NbPrI-options li { padding-left:16px; padding-bottom:10px; float:left; clear:left} div.NbPrI-into ul.NbPrI-options li.NbPrI-view { background:url(img/bull_orang1.gif) no-repeat 0 1px} div.NbPrI-into ul.NbPrI-options li.NbPrI-mark { background:url(img/bull_orang2.gif) no-repeat 0 1px} div.NbPrI-into ul.NbPrI-options li.NbPrI-cancel { background:url(img/cancel.gif) no-repeat 0 1px} div.NbPrI-into ul.NbPrI-options .none { display:none} /* контейнер со скроллом для таблицы в открывающемся-закрывающемся голубом блоке */ div.NbPrI-tblcont { margin:10px; margin-bottom:0; padding:9px 8px; padding-right:0; overflow:auto; min-height:80px; max-height:150px; _height:150px} .NbPrI-hidden .NbPrI-noneoverflow { overflow:visible !important; max-height:none !important; _height:none !important} /* добавочный класс для табличного контейнера, отключающий скролл и ограничения по высоте на странице info.htm */ /* таблица с ценами на номера в открывающемся блоке */ table.NbPrI-list { border-collapse:collapse; width:98%; table-layout:fixed} *+html table.NbPrI-list { width:97%} * html table.NbPrI-list { width:96%} table.NbPrI-list td { padding:0} div.NbPrI-tblcont table.NbPrI-list tr.NbPrI-bg { padding:5px 7px; padding-bottom:3px;} div.NbPrI-tblcont table.NbPrI-list span.NbPrI-bold { font-weight:bold} div.NbPrI-tblcont table.NbPrI-list span.NbPrI-gray { font-style:italic; display:block} div.NbPrI-tblcont table.NbPrI-list td { padding:4px 6px 4px 8px; vertical-align:top} div.NbPrI-tblcont table.NbPrI-list td.NbPrI-right { text-align:right} div.NbPrI-tblcont table.NbPrI-list td.NbPrI-notoppad { padding-top:0} div.NbPrI-tblcont table.NbPrI-list a { text-transform:uppercase; float:left} div.NbPrI-tblcont table.NbPrI-list div.NbPrI-inform { float:right} div.NbPrI-tblcont table.NbPrI-list .NbPrI-button { width:63px; font:9px arial; float:right} div.NbPrI-tblcont table.NbPrI-list span.NbPrI-costroom { font-size:12px; float:right} /* Общий стиль на поля ввода текста (input) */ .NbPrI-inputtext { padding-left:2px; font-size:11px;} /* блок для неразвернутого поиска */ .NbPrI-searchblock { padding:10px; padding-bottom:4px; text-align:left} .NbPrI-searchblock legend { display:none} .NbPrI-searchblock p { margin-left:0 !important; padding-left:0 !important; display:inline; font-weight:bold} .NbPrI-searchblock .NbPrI-inputtext { width:71%;} *+html .NbPrI-searchblock .NbPrI-inputtext { margin-left:2px; } * html .NbPrI-searchblock .NbPrI-inputtext { margin-left:2px; } /* расширенный поиск в раскрывающемся голубом блоке в узкой колонке */ div.NbPrI-item .NbPrI-hidden fieldset { padding-left:10px; padding-top:6px; font-weight:bold} div.NbPrI-item .NbPrI-hidden .NbPrI-checkbx { margin-left:2px; margin-right:3px; margin-bottom:1px; width:12px; height:12px; margin-right:2px; border:1px solid #ccc; float:left} *+html div.NbPrI-item .NbPrI-hidden .NbPrI-checkbx { border:none} * html div.NbPrI-item .NbPrI-hidden .NbPrI-checkbx { border:none} div.NbPrI-item .NbPrI-hidden p { padding-top:1px;} html*div.NbPrI-item .NbPrI-hidden p { padding-top:2px} *+html div.NbPrI-item .NbPrI-hidden p { padding-top:0} * html div.NbPrI-item .NbPrI-hidden p { padding-top:0} /* селекты в поиске в узкой колонке. Здесь немного многовато стилей, признаю. Но хотелось выстроить по дизайну (а они там то так, то эдак расположены), поэтому пришлось помудрить */ div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel { padding-left:10px; padding-top:6px; padding-right:10px} *+html div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel { padding-top:10px} div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel li { padding-bottom:7px; font-weight:bold; text-align:right} div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel li.NbPrI-fltL { width:40%; font-weight:bold; float:left; clear:left; text-align:left} div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel li.NbPrI-fltL2 { width:20%; font-weight:bold; float:left; clear:left; text-align:left} div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel li.NbPrI-txtRight { text-align:left !important} div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel li.NbPrI-txtRight .NbPrI-select { width:70% !important} select.NbPrI-select { font-size:11px;} div.NbPrI-item .NbPrI-hidden ul.NbPrI-inthishotel li.NbPrI-twice { width:50%; clear:none} div.NbPrI-item .NbPrI-hidden .sort { width:123px} *+html div.NbPrI-item .NbPrI-hidden .sort { width:115px} * html div.NbPrI-item .NbPrI-hidden .sort { width:115px} ul.NbPrI-character select.NbPrI-select { margin-top:4px; font-size:10px;} /* оранжевая кнопачка с вопросиком */ .NbPrI-demand { width:12px; height:12px; border:0; cursor:help;} ul.NbPrI-character .NbPrI-demand { margin-left:5px; margin-bottom:-3px} *+html ul.NbPrI-character .NbPrI-demand { margin-bottom:1px} * html ul.NbPrI-character .NbPrI-demand { margin-bottom:1px} /*a.explanation { padding:0 4px; width:12px; height:12px; text-decoration:none; cursor:help; background:url(img/demand_bg.gif) no-repeat 0 0}*/ /* желтая кнопочка с черной стрелкой */ .NbPrI-arrow { margin-left:6px; margin-bottom:-1px; width:17px; height:17px; border:0; cursor:pointer;} *+html .NbPrI-arrow { margin-bottom:2px} * html .NbPrI-arrow { margin-bottom:2px} /* .NbPrI-secondlevel - второй уровень скрытого блока. Блок "Дополнительные параметры" содержит в себе блок
    , который скрывается стилем none. При этом блок
    складывается по высоте и видимой остается только его верхушка. */ /*.NbPrI-hidden .NbPrI-secondlevel { margin-top:8px; }*/ .NbPrI-hidden .NbPrI-secondlevel dl { margin-bottom:6px; height:9px;} * html .NbPrI-hidden .NbPrI-secondlevel dl { margin-bottom:0} .NbPrI-hidden .NbPrI-secondlevel dd { height:9px;} .NbPrI-hidden .NbPrI-secondlevel h3 { clear:both} .NbPrI-hidden .NbPrI-secondlevel .NbPrI-clear { clear:left; text-align:left !important} *+html .NbPrI-hidden .NbPrI-secondlevel h3 { padding-top:20px} * html .NbPrI-hidden .NbPrI-secondlevel h3 { height:1%} .NbPrI-hidden .NbPrI-secondlevel a.NbPrI-more { margin:6px 8px; padding-right:20px; font:9px verdana; display:block; float:right} * html .NbPrI-hidden .NbPrI-secondlevel a.NbPrI-more { margin-right:4px} .NbPrI-hidden .NbPrI-secondlevel .none { display:none} /* этот дополнительный класс прячет блок с дополнительными параметрами! Добавляется к блоку
    */ /* блок, который лежит в NbPrI-secondlevel и содержит собственно информацию второго скрытого уровня. Див
    также используется на странице info.htm в широкой колонке внизу в диве с серией скрываемых блоков, где он выполняет ту же функцию открытия и скрытия информации */ .NbPrI-into .NbPrI-conceal { padding-right:20px; padding-bottom:10px; clear:both} .NbPrI-conceal p span { font-weight:bold; position:relative} /* текстовые поля в блоке "Дополнительные параметры" */ .NbPrI-hidden .NbPrI-secondlevel .NbPrI-inputtext { margin-top:3px; margin-bottom:6px; width:98%; font-size:10px;} /* списки "Удобства" с чекбоксами в блоке "Дополнительные параметры". Также используются на странице поиска в разделе "Поля для необязательного заполнения" */ ul.NbPrI-checkbox { padding-top:10px; width:100%; float:left} ul.NbPrI-checkbox .NbPrI-checkbx { width:12px; height:12px} ul.NbPrI-checkbox li { padding-bottom:4px; float:left} ul.NbPrI-checkbox li.NbPrI-check { padding-left:10px; padding-right:7px; width:12px; clear:left} ul.NbPrI-checkbox li.NbPrI-txt { padding-top:1px; width:80%; text-align:left} *+html ul.NbPrI-checkbox li.NbPrI-txt { padding-top:0} * html ul.NbPrI-checkbox li.NbPrI-txt { padding-top:0} /* оранжевая кнопка поиск */ /*input.NbPrI-button,*/ div.NbPrI-jalousie .NbPrI-button { width:88px; height:24px; font:bold 14px verdana; cursor:pointer; margin-top:7px; padding-bottom:3px;} html*div.NbPrI-jalousie .NbPrI-button { height:22px;} /* закладки */ div.NbPrI-card { margin-left:9px; height:24px; position:relative; bottom:-3px} * html div.NbPrI-card { bottom:-3px} div.NbPrI-card ul { /*color:#FFE2AC;*/ font:13px verdana; position:relative} div.NbPrI-card ul li { margin-right:-1px; float:left} * html div.NbPrI-card ul li.NbPrI-end { margin-right:0} div.NbPrI-card ul li a { padding:2px 30px 4px 30px;) no-repeat 0 0; display:block} div.NbPrI-card ul li.NbPrI-active a { padding-bottom:6px;} /* блок, содержимое которого должно меняться при переключении ярлыков */ #NbPrI-multilayer { padding:13px; padding-bottom:14px;} /* блок контролирующий левый отступ у широкой колонки, когда нет мультиблока */ #NbPrI-control { padding-left:13px} /* мультиблок - закругления вверху */ dl.NbPrI-semicircleTP { width:auto; height:0px; display:block} dl.NbPrI-semicircleTP dd { width:auto; height:0px; display:block} dl.NbPrI-semicircleTP dd span { margin:0 0px; height:0px; display:block} * html dl.NbPrI-semicircleTP dd span { margin-bottom:-7px} /* мультиблок - закругления внизу */ dl.NbPrI-semicircleBT { width:auto; height:26px; display:block; height:1%} dl.NbPrI-semicircleBT dd { width:auto; height:6px; display:block} dl.NbPrI-semicircleBT dd span { margin:0 6px; height:6px; display:block} * html dl.NbPrI-semicircleBT dd span { margin-top:-7px} /* листалка */ div.NbPrI-pagelist { padding-left:3px; padding-bottom:20px; float:left} *+html div.NbPrI-pagelist { padding-bottom:7px} * html div.NbPrI-pagelist { padding-bottom:7px} div.NbPrI-pagelist ul { float:left; font-size:13px; font-size:11px} div.NbPrI-pagelist ul li { padding-right:9px; width:13px; height:13px; float:left} * html div.NbPrI-pagelist ul li { padding-right:8px} div.NbPrI-pagelist ul li a { padding-bottom:1px; width:13px; height:13px; text-align:center; display:block} div.NbPrI-pagelist ul li a:hover {text-decoration:none} div.NbPrI-pagelist ul li.current a { width:13px; height:13px; text-decoration:none} div.NbPrI-pagelist ul li.NbPrI-back { width:24px; height:13px; background:url(img/back.gif) no-repeat 0 5px} div.NbPrI-pagelist ul li.NbPrI-back a { width:24px; height:13px} div.NbPrI-pagelist ul li.NbPrI-back a:hover { background:none} div.NbPrI-pagelist ul li.NbPrI-back a span { display:none} div.NbPrI-pagelist ul li.NbPrI-goon { width:24px; height:13px; background:url(img/goon.gif) no-repeat 2px 5px} div.NbPrI-pagelist ul li.NbPrI-goon a { width:24px; height:13px} div.NbPrI-pagelist ul li.NbPrI-goon a:hover { background:none} div.NbPrI-pagelist ul li.NbPrI-goon a span { display:none} /* ссылка, ака кнопка желтенькая */ .NbPrI-float { float:right} dl.NbPrI-pointhotel { margin-bottom:12px; display:block} *+html dl.NbPrI-pointhotel { margin-bottom:0} * html dl.NbPrI-pointhotel { margin-bottom:0} dl.NbPrI-pointhotel dd { display:block} dl.NbPrI-pointhotel a { margin:0 6px; padding:0 5px; padding-bottom:3px; display:block; font-size:13px;} dl.NbPrI-pointhotel a span { padding-left:8px; font-weight:bold} /* расширенная информация по отелю. Серия блоков, которые должны открываться и закрываться по желанию пользователя. Образует разделы "Удобства", "Номера", "Бизнес-услуги" и т.д. */ /* верхнее оформление блока - полоска со скошенными уголками */ .NbPrI-dataobject dl { } * html .NbPrI-dataobject dl { } *+html .NbPrI-dataobject dl { height:28px} .NbPrI-dataobject dd { margin-right:-1px; height:9px;} *+html .NbPrI-dataobject dd { height:28px; } /* добавочный стиль, переопределяющий дизайн верхушки блока с расширенной инфой по отелю, который должен быть без полосок */ .NbPrI-into .NbPrI-first { margin-top:-5px; background:none} .NbPrI-into .NbPrI-first dl { background:none} .NbPrI-into .NbPrI-first dd { background:none} /* ссылки в правом углу блока, скрывающие и раскрывающие внутреннюю инфу в блоке с развернутым описанием отеля */ .NbPrI-into .NbPrI-dataobject a.NbPrI-more, .NbPrI-into dl.NbPrI-dataobj a.NbPrI-more { margin:6px 8px; padding-right:20px; font:9px verdana; display:block; float:right} /* раскрывающая ссылка */ * html .NbPrI-into .NbPrI-dataobject a.NbPrI-more, * html .NbPrI-into dl.NbPrI-dataobj a.NbPrI-more { margin-right:4px} .NbPrI-into .NbPrI-dataobject a.NbPrI-hiddentext, .NbPrI-into dl.NbPrI-dataobj a.NbPrI-hiddentext { margin:6px 8px; padding-right:20px; font:9px verdana; display:block; float:right} /* закрывающая ссылка */ * html .NbPrI-into .NbPrI-dataobject a.NbPrI-hiddentext, * html .NbPrI-into dl.NbPrI-dataobj a.NbPrI-hiddentext { margin-right:4px} /* скрытие блока */ .NbPrI-into .NbPrI-dataobject .none { display:none} /* этот дополнительный класс прячет блок с дополнительными параметрами! Класс присуждается
    , так же как уже было описано выше */ /* заголовок с красной стрелкой */ div.NbPrI-dataobject dd h2 { margin-left:10px; margin-top:6px; margin-right:-120px; padding:3px 0 8px 12px; width:80%; font:bold 14px verdana; background:url(img/arr_red.gif) no-repeat 4px 9px; float:left} html*div.NbPrI-dataobject dd h2 { font-weight:normal} *+html div.NbPrI-dataobject dd h2 { font-weight:bold} * html div.NbPrI-dataobject dd h2 { margin-left:5px; font-weight:bold} /* красный заголовок на голубом фоне */ .NbPrI-into .NbPrI-bluefon h2 { margin-left:10px; margin-top:6px; margin-right:-120px; padding:3px 0 8px 12px; width:80%; font:bold 14px verdana; float:left} html*.NbPrI-into .NbPrI-bluefon h2 { font-weight:normal} *+html .NbPrI-bluefon h2 { margin-bottom:10px; font-weight:bold} * html .NbPrI-into .NbPrI-bluefon h2 { margin-left:5px; font-weight:bold} /* парная структура списка в разделе "Удобства" на странице инфо */ ul.NbPrI-pair { padding-left:15px; padding-bottom:10px; width:45%; float:left} ul.NbPrI-pair li { padding-left:9px; font-weight:bold; background:url(img/arr_gray.gif) no-repeat 0 5px} ul.NbPrI-pair li.first { padding-bottom:15px; padding-left:7px; font:bold 14px verdana; background:none} /* бронирование */ /* селекты 3 выбора в строке */ ul.NbPrI-tripleAccess { margin-right:-10px; padding:15px; padding-right:0; padding-bottom:0; width:98%; float:left} ul.NbPrI-tripleAccess li {width:33%; float:left} ul.NbPrI-tripleAccess li select.NbPrI-select { margin-top:3px; width:90%} ul.NbPrI-tripleAccess span { font-weight:bold; display:block} /* заголовок для блоков персональной инфы и инфы по кредитке */ div.NbPrI-into h2 { margin-left:10px; margin-top:6px; margin-right:-120px; padding:3px 0 8px 12px; width:80%; font:bold 14px verdana; text-align:left} html*div.NbPrI-into h2 { font-weight:normal} *+html div.NbPrI-into h2 { font-weight:bold} * html div.NbPrI-into h2 { margin-left:5px; font-weight:bold} /* кнопка бронировать */ div.NbPrI-jalousie .NbPrI-button2 { width:144px; height:23px; font:bold 12px verdana; cursor:pointer; padding-bottom:2px;} html*div.NbPrI-jalousie .NbPrI-button2 { height:22px; } /* структура блока для разделения фона на белый и голубой */ div.NbPrI-personal { width:45%; float:left} div.NbPrI-storecard { padding-bottom:15px; width:53.5%; float:left} /* блок с голубым фоном в бронировании */ .NbPrI-into .NbPrI-bluefon { margin:15px; margin-top:0; padding-right:20px; padding-bottom:10px; clear:both;} /* класс для внутреннего блока с голубым фоном */ *+html .NbPrI-into .NbPrI-bluefon { margin-top:-19px; height:1%} /* персональная инфа на белом фоне */ div.NbPrI-personal ul { padding-right:5%; width:90%; float:right} div.NbPrI-personal ul li { padding-bottom:10px; width:60%; float:left; text-align:left} div.NbPrI-personal ul li.NbPrI-fltL { padding-right:3%; width:37%; font-weight:bold; text-align:right} div.NbPrI-personal ul li span.NbPrI-error { padding-top:1px; font-size:10px; display:block} div.NbPrI-personal .NbPrI-inputtext { width:83%} div.NbPrI-personal .NbPrI-select { width:83%} div.NbPrI-personal ul li .NbPrI-demand { margin-left:4px; margin-bottom:1px} *+html div.NbPrI-personal ul li .NbPrI-demand { margin-bottom:5px} * html div.NbPrI-personal ul li .NbPrI-demand { margin-bottom:5px} /* список полей для ввода инфа на белом фоне */ div.NbPrI-FildList ul { padding-right:5%; width:90%; float:right} div.NbPrI-FildList ul li { padding-bottom:5px; width:60%; float:left; text-align:left} div.NbPrI-FildList ul li.NbPrI-fltL { padding-right:3%; width:165px; font-weight:bold; text-align:left} div.NbPrI-FildList ul li span.NbPrI-error { padding-top:1px; font-size:10px; display:block} div.NbPrI-FildList .NbPrI-inputtext { width:83%} div.NbPrI-FildList .NbPrI-select { width:83%} div.NbPrI-FildList ul li .NbPrI-demand { margin-left:4px; margin-bottom:1px} *+html div.NbPrI-FildList ul li .NbPrI-demand { margin-bottom:5px} * html div.NbPrI-FildList ul li .NbPrI-demand { margin-bottom:5px} /* стиль убирает слова "ошибка ввода" или может скорее нужно сделать none по умолчанию, и показывать при необходимости. тогда надо поменять тут стиль. разберетесь в общем :)*/ div.NbPrI-FildList .NbPrI-none { display:none} /* инфа по кредитке на голубом фоне */ div.NbPrI-storecard p { margin-left:0; padding-left:10px; padding-right:10px; width:auto} div.NbPrI-storecard p span { display:block} div.NbPrI-storecard ul { padding:8px 0 5px 0; width:99%; float:right} div.NbPrI-storecard ul li { padding-left:1%; padding-bottom:5px; width:46%; float:left; text-align:left;} div.NbPrI-storecard ul li.NbPrI-fltL { width:50%; font-weight:bold; text-align:right} div.NbPrI-storecard ul li span.NbPrI-error { padding-top:1px; font-size:10px; display:block} div.NbPrI-storecard .NbPrI-inputtext { width:83%} div.NbPrI-storecard .NbPrI-select { width:83%} div.NbPrI-storecard .NbPrI-month { width:50%} div.NbPrI-storecard .NbPrI-year { width:30%} div.NbPrI-storecard ul li .NbPrI-demand { margin-left:4px; margin-bottom:1px} *+html div.NbPrI-storecard ul li .NbPrI-demand { margin-bottom:5px} * html div.NbPrI-storecard ul li .NbPrI-demand { margin-bottom:5px} /* всплывающее пояснение - скорее всего это вам не понадобицца, тогда выкиньте и все */ acronym.NbPrI-explane { border:none} /* поиск и бронирование отеля */ .NbPrI-item ul.NbPrI-reservhotel { padding:10px} .NbPrI-item ul.NbPrI-reservhotel li { width:100%; clear:both} .NbPrI-item ul.NbPrI-reservhotel li span.NbPrI-number { margin-right:8px; padding-top:2px; width:18px; height:18px; float:left; display:block; text-align:center; font-weight:bold} .NbPrI-item ul.NbPrI-reservhotel fieldset { float:left; position:relative} .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv1 { margin-bottom:15px; width:57%} .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv2 { margin-bottom:15px; width:37%; float:right; text-align:right} .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv3 { width:92%} .NbPrI-item ul.NbPrI-reservhotel fieldset p { margin-left:0; display:inline; font-weight:bold} .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv3 p { padding-bottom:12px; display:block; white-space: nowrap} .NbPrI-item ul.NbPrI-reservhotel fieldset .NbPrI-inputtext { margin-left:5px; width:54%} .NbPrI-item ul.NbPrI-reservhotel .NbPrI-mrgL { margin-left:3%} .NbPrI-item ul.NbPrI-reservhotel .NbPrI-mrgR { margin-right:3%} *+html .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv4 .NbPrI-mrgR { margin-left:2%} * html .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv4 .NbPrI-mrgL { margin-left:0.5%} /* количество взрослых */ .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv4 { margin-top:-18px; width:194px; /*height:20px;*/ display:block; text-align:right; float:right} html*.NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv4 { margin-top:-23px} *+html .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv4 { margin-top:-20px} * html .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-reserv4 { margin-top:-20px} /* пункт отель у аэропорта - блок висит абсолютом, бо иначе его тут не приделать */ .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-absolutblock { width:150px; height:20px; display:block; position:absolute; top:0; right:1px} html*.NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-absolutblock { right:4px} *+html .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-absolutblock { right:-5px} * html .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-absolutblock { right:-6px} .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-absolutblock p { margin-top:-2px; font-weight:normal; float:left } .NbPrI-item ul.NbPrI-reservhotel fieldset.NbPrI-absolutblock .NbPrI-checkbx { float:left } /* дополнительные поля - здесь сложная структура, но ведь надо было сохранять дизайн, причем на резине */ .NbPrI-item .NbPrI-formblock { padding:10px; padding-left:8px; position:relative} /* этот блок держит структуру из двух зафлоаченных блоков
    , для того чтобы при изменении ширины страницы держалось выравнивание текста и списков */ .NbPrI-item .NbPrI-formblock p.NbPrI-punct { padding:3px 0 5px 0; font-weight:bold; display:block} .NbPrI-item .NbPrI-formblock p.NbPrI-punct span { padding:0 14px 0 5px} .NbPrI-doubleblock { padding-left:18px; margin-right:-10px; width:47%; float:left} /* этот блок с собственно дополнительными полями. этот контейнер повторяется два раза */ .NbPrI-doubleblock .NbPrI-inputtext { margin-top:5px; width:90%} .NbPrI-item .NbPrI-doubleblock ul.NbPrI-checkbox { font-weight:normal} .NbPrI-item .NbPrI-doubleblock fieldset { padding-bottom:10px; clear:left} .NbPrI-item .NbPrI-doubleblock fieldset p { margin-left:0; padding-left:0; font-weight:normal} .NbPrI-item .NbPrI-doubleblock fieldset p span.NbPrI-small { padding-bottom:5px; display:block; font-style:italic; font-size:0.9em} .NbPrI-item .NbPrI-doubleblock fieldset p.NbPrI-inline { display:inline} .NbPrI-item .NbPrI-mrgR { margin-right:8%} .NbPrI-item .NbPrI-mrgL { margin-left:3%} .NbPrI-item .NbPrI-doubleblock fieldset.NbPrI-doublefield { width:35%; float:left; clear:none} .NbPrI-item select.NbPrI-wide { height:220px; overflow:auto; width:90%} * html div.NbPrI-itemtopBl { height:1%} * html div.NbPrI-itemtopYlw { height:1%} *+html div.NbPrI-itemtopBl { height:1%} *+html div.NbPrI-itemtopYlw { height:1%} div.NbPrI-radio{background-color:transparent;background-image:url(img/radio_back.gif);} /**ADDON**/ /* Added Roman 27/05 */ .template {display:none} div.NbPrI-into p span.NbPrI-descr {font-weight:normal;} div.NbPrI-into p span.NbPrI-descrcont {font-weight:normal; display:none} div.NbPrI-into p span {font-weight:normal;} div.NbPrI-into p .NbPrI-bold {font-weight:bold;} span.NbPrI-bold{font-weight:bold;} div.NbPrI-begunok {background: transparent url(img/wait2136.gif) no-repeat scroll 0%; text-align: center; width: 220px; display:none;} /* ***************** */ *+html div.NbPrI-tblcont{min-height:150px;} /*SAMZ*/ p.NbPrI-fixHeight{height:48px;} /* высота блока на списке отелей*/ /*внутренние стили для блока описания отеля */ div.NbPrI-into a.NbPrI-more_link{ font-weight:bold;} div.NbPrI-into p span.NbPrI-more {font-weight:normal; display:block} div.NbPrI-into p span.NbPrI-shortdescr {font-weight:normal; display:block} .NbPrI-hidden .NbPrI-secondlevel a.NbPrI-hiddentext { margin:6px 8px; padding-right:20px; font:9px verdana; display:block; float:right} /* закрывающая ссылка */ /* Список полей */ dl.NbPrI-FildList{padding-left:10px;padding-top:10px;} dl.NbPrI-FildList dt{clear:left;float:left;width:145px;padding-bottom:10px;} dl.NbPrI-FildList dd{float:left;} ul a{font-weight:normal;} /*end SAMZ*/ /* Класс для принтера*/ @media print { .NbPrI-NoPrint{display:none;} div.NbPrI-into{border:none;} div.NbPrI-jalousie dd {border:none;} } /*Паддинг для ввылки подробнее*/ .NbPrI-PadLeft{padding-left:5px;} /*Для формы выбора платёжной системы выбора*/ div.NbPrI-radio{float:right;height:14px;margin:5px;padding:2px 3px 3px 3px;width:95px;} * html div.NbPrI-radio{padding:0px;width:100px;height:19px;} div.NbPrI-radio input{padding:0px;margin:0px;height:12px;} div.NbPrI-radio label{color:white;font-weight:bold;text-decoration:underline;} /* селекты в поиске в узкой колонке. Здесь немного многовато стилей, признаю. Но хотелось выстроить по дизайну (а они там то так, то эдак расположены), поэтому пришлось помудрить */ div.NbPrI-item .NbPrI-InTop ul.NbPrI-inthishotel { padding-left:10px; padding-top:6px; padding-right:10px} *+html div.NbPrI-item .NbPrI-InTop ul.NbPrI-inthishotel { padding-top:10px} div.NbPrI-item .NbPrI-InTop ul.NbPrI-inthishotel li { padding-bottom:7px; font-weight:bold; text-align:right} div.NbPrI-item .NbPrI-InTop ul.NbPrI-inthishotel li.NbPrI-fltL { width:40%; font-weight:bold; float:left; clear:left; text-align:left} div.NbPrI-item .NbPrI-InTop ul.NbPrI-inthishotel li.NbPrI-fltL2 { width:20%; font-weight:bold; float:left; clear:left; text-align:left} div.NbPrI-item .NbPrI-InTop ul.NbPrI-inthishotel li.NbPrI-txtRight { text-align:left !important} ul.NbPrI-Allpadd li {padding:3px 3px 5px 0px;}/*Для блока парамтры бронирования*/ a.NbPrI-morepic {margin-left:15px;} /* ссылка "Еще фото" */ a.NbPrI-mapLink {margin-left:15px;} /* ссылка "Карта" */ span.NbPrI-black {color:#000000;padding-left:0px;} /*для формы бронирония*/ div.NbPrI-into p.NbPrI-requiredFilds{margin-left: 14px; font-size: 90%;} div.NbPrI-storecard ul li.width98{width: 98%;} div.NbPrI-storecard input.width75{width: 75%;} div.NbPrI-threeColumns{width: 95%; padding-left: 5%;} span.NbPrI-small-text { text-align: justify; font-size: 90%;} /*!!!Список аэропортов!!!*/ #NbPrI-airportList{padding:5px 0 10px 2px;margin:5px 0px;} div.NbPrI-Options {display:block;text-align:left;} #NbPrI-SearchForm div.NbPrI-Options {padding-left:30px;} #NbPrI-SearchForm #NbPrI-airport fieldset{padding-left:30px;} div.NbPrI-Options label{display:block;padding:2px 6px;height:13px;} div.NbPrI-Options input{vertical-align:middle;margin-right:5px;} div.NbPrI-sortMulti {float:right;} /*Для страницы просмотр отмена брони*/ #NbPrI-CancelForm div.NbPrI-FildList{padding-top:10px;} #NbPrI-CancelForm div.NbPrI-FildList ul li.NbPrI-fltL {width:228px;} /********************** ADDON.CSS *********************************/ /*table with price*/ #week { width: 100px;border: 1px solid #000000; text-align: center; margin-top: 10px; border-collapse: collapse;} table#week td {border: 1px solid #000000; padding:1px 4px 1px 4px;} table #week #th td {background-color: #EEEEEE;} /*!!!Всплавыющий див на сером фоне!!!*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {/*background: url(macFFBgHack.png) repeat;*/} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /*!!!ПОДБОР ГОРОДОВ!!!*/ #city { font-size: 10pt;} .ac_results{padding:0px;border:1px solid black;background-color:white;overflow:hidden;z-index:99999;} .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results li{margin:0px;padding:2px 5px;cursor:default; text-align:left; display:block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used*/ /*width:100%;*/ font:menu;font-size:12px; /* it is very important,if line-height not setted or setted in relative units scroll will be broken in firefox*/ line-height:16px;overflow:hidden;position:relative;} .ac_loading{background:white url('img/indicator.gif') right center no-repeat;} .ac_odd{background-color:#eee;} .ac_over{background-color:#0A246A;color:white;} .qnt{position:absolute; top:2px; right:10px; font-size:0.8em; color:#26A908;cursor:help;margin:0px;padding:0px;} /*!!!Бегунок загрузки!!!*/ #progressbar{margin-top:7px; border:1px solid black; width:200px; height:20px; position:relative; color:black; } /* color bar */ #progressbar div.progress{ position:absolute; width:0; height:20px; overflow:hidden; background-color:#ED5B18; } /* text on bar */ #progressbar div.progress .text{ position:absolute; text-align:center; color:white; } /* text off bar */ #progressbar div.text{ position:absolute; width:100%; height:20px; text-align:center; } /************* tooltips ******************/ /* remember to define focus styles! */ :focus {outline: 0;} #tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #FEFEFE;padding: 5px;/*opacity: 0.85;*/} #tooltip h3, #tooltip div { margin: 0; font-size:11px;font-weight:normal;} /******************** tooltips end ***********************/ #NbPrI-PopUpText, #NbPrI-PopUpText2{text-align:left;} #NbPrI-PopUpText li{padding-bottom:3px;} /*Списог городов стран штатов*/ div.NbPrI-viewSearch label{display:block; width:60px;float:left;} div.NbPrI-viewSearch{padding-bottom:5px;} div.NbPrI-viewSearch select{width:292px;} #NbPrI-viewSearch2 div.NbPrI-viewSearch select{width:78%;} #NbPrI-viewSearch2 div.NbPrI-viewSearch label{width:20%} /*PopUpText*/ #NbPrI-PopUpText .NbPrI-into{text-align:justify; font-size:10pt; padding:10px;} #NbPrI-PopUpText .NbPrI-into ol{margin-left:30px;} #NbPrI-PopUpText .NbPrI-into ul{list-style-type: disc; padding-left:30px; padding-top:10px; padding-bottom:10px;} .NbPrI-Top3{padding-top:3px;} label {font-weight:normal;} dl.NbPrI-fildList{padding-left:15px;} dl.NbPrI-fildList dt,dl.NbPrI-fildList dd{ float:left; padding-top:3px; padding-left:5px; width:55%;} dl.NbPrI-fildList dd{ text-align:right;} dl.NbPrI-fildList dt{ clear:left; width:35%;} li.NbPrI-txtClear{padding: 0pt; height: 1px; clear: both;} /*выравнивание элементов формы (очистка отствупов)*/ /*Бегунок*/ .NbPrI-SFloading{border: 1px solid black; padding: 10px;z-index:10000; position: fixed; background-color: white; left: 42%; top: 50%; width: 293px; height: 115px;} .NbPrI-SFloading .NbPrI-begunok{margin: 15px auto 0pt; display: block;} .NbPrI-SFloading .NbPrI-title{margin-top: 30px; text-align: center;} div.NbPrI-into p.NbPrI-restr{width:50%;} p.NbPrI-restr span{padding: 1px; background-color: rgb(241, 241, 241); color: red;} span.NbPrI-addinfo{display:block;padding-top:5px;} span.NbPrI-addinfo a.NbPrI-mapLink{margin-left:5px;} span.NbPrI-addinfo a.NbPrI-morepic{margin-left:0px;} .NbPrI-sblock{padding-top: 5px; display: block;} /* списки с чекбоксами и ценами. Блок Гостиничные цепочки */ .NbPrI-into ul.NbPrI-checkbox-cost { padding-top:8px; padding-left:4px; width:90%; float:left} .NbPrI-into ul.NbPrI-checkbox-cost .NbPrI-checkbx { width:12px; height:12px} .NbPrI-into ul.NbPrI-checkbox-cost li { padding-bottom:3px; float:left} .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-check { padding-left:15px; padding-right:7px; width:12px; clear:left} /* ячейка с чекбоксом */ .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-txt { padding-top:2px; width:56%; text-align:left} /* ячейка с текстом */ *+html .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-txt { width:60%} * html .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-txt { width:60%} .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-pay { padding-top:2px; width:20%; text-align:right} /* ячейка с ценой */ /* списки с чекбоксами и ценами в блоке с прокруткой - все классы те же, только с шириной немного играла, чтобы подогнать к верхнему списку */ .NbPrI-into div.NbPrI-tblcont ul.NbPrI-checkbox-cost { width:90%; padding-left:0} .NbPrI-into div.NbPrI-tblcont ul.NbPrI-checkbox-cost li.NbPrI-check { padding-left:0} .NbPrI-into div.NbPrI-tblcont ul.NbPrI-checkbox-cost li.NbPrI-txt { width:68%} * html .NbPrI-into div.NbPrI-tblcont ul.NbPrI-checkbox-cost { margin-right:-20px} .NbPrI-checkbox-cost li{display:block;float:left;} .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-firstCol {padding-left:15px; padding-right:7px; width:76px; clear:both;} /* первая ячейка*/ .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-secondCol {width:25%; text-align:left} /* вторая ячейка */ .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-thirdCol {width:22%; text-align:left;white-space:nowrap;} /* третья ячейка */ /*div.NbPrI-sortSelect{padding-bottom: 35px} */ div.NbPrI-sortSelect{padding-bottom: 35px} .NbPrI-hgt46 p.NbPrI-restr{background-color:#F1F1F1;display:block;} /*Статистика звёзды*/ div.NbPrI-stars span{display:none;} div.NbPrI-stars{ background-image:url(img/star5.gif); background-position:0 0; background-repeat:repeat; display:block; height:13px; width:29px; } div.NbPrI-star2{ width:30px; } div.NbPrI-star3{ width:45px; } div.NbPrI-star4{ width:60px; } div.NbPrI-star5{ width:75px; } #newRateSearchType{ width:110px; } #inter{ max-width:196px; } div.NbPrI-hasComm1{ display:block; float:left; background-image:url(img/visa.gif); background-position:50% 50%; background-repeat:no-repeat; height:35px; width:37px; } div.NbPrI-hasNet1{ background-image:url(img/cash.gif); display:block; float:left; height:35px; width:48px; } div.NbPrI-PayForm{ padding-left:10px; border:1px solid #F2F2F2; height:47px; position:absolute; right:118px; top:85px; width:100px; } div.NbPrI-PayForm span{ padding-left:7px; } p.NbPrI-none{display:none;} .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-firstCol { clear:both; padding-left:15px; padding-right:7px; width:76px; } .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-secondCol { margin-left:-80px; padding-left:80px; text-align:left; width:20%; } .NbPrI-into ul.NbPrI-checkbox-cost li.NbPrI-thirdCol { text-align:right; white-space:nowrap; width:38%; } .NbPrI-thirdCol input{margin-left:5px;} /*для формы бронирования*/ div.NbPrI-resdiv{margin: 0pt auto; width: 80%;} div.NbPrI-into p.NbPrI-resline1{margin: 46px auto 0px; display: block; width: 99%;font-weight:bold;} div.NbPrI-into p.NbPrI-resline2{margin: 0pt auto; display: block; width: 99%;} div.NbPrI-into p.NbPrI-resline3{margin: 0pt auto; display: block; width: 99%;} #NbPrI-statStars div.NbPrI-jalousie .NbPrI-button2{margin:5px;width:105px;} div.NbPrI-tblcont table.NbPrI-list tr.NbPrI-rtactive{/*border:1px solid red;*/} tr.NbPrI-rtdactive td{border-top:1px dashed red; background-color: #F1F1F1;} tr.NbPrI-rtdactive div.NbPrI-dleft{padding: 10px 0px; float: left; width: 180px;} tr.NbPrI-rtdactive div.NbPrI-dright{float:left;margin-left:-180px;width:100%;} tr.NbPrI-rtdactive div.NbPrI-dright ul{padding-left:180px;} tr.NbPrI-rtdactive div.NbPrI-begunok{margin: 0pt auto; padding: 5px; display: block; text-align: center;} a.NbPrI-rtmore{padding-right: 5px; text-transform: none; color: rgb(53, 117, 180); text-decoration: none;} div.NbPrI-tblcont table.NbPrI-list a.NbPrI-rtmore{float:none;text-transform:inherit;padding-right:16px;color:#8C8F2C;background:transparent url(img/more_bg.gif) no-repeat scroll right bottom;} div.NbPrI-tblcont table.NbPrI-list a.NbPrI-rthide{float:none;text-transform:inherit;padding-right:16px;color:#8C8F2C;background:transparent url(img/hiddentext.gif) no-repeat scroll right bottom;} div.NbPrI-h300{max-height:300px;height:300px;} *+html div.NbPrI-h300{min-height:300px;height:300px;} *html div.NbPrI-h300{min-height:300px;height:300px;} span.NbPrI-sprt{padding-left:5px;} .NbPrI-ahd div.NbPri-Picmap{padding-left:20px;} #NbPrI-Econcierge div.NbPrI-intro{padding-left:25px} .NbPrI-addServices { margin-top: 10px;} .NbPrI-addServices td {padding: 5px;border:1px solid #EEEEEE;padding:2px 5px;} .NbPrI-addServices .NbPrI-even { background-color: #fff;} .NbPrI-addServices .NbPrI-odd { background-color: #EEE;} #NbPrI-Econcierge table {border-collapse:collapse;} span.NbPrI-price{white-space:nowrap;} #NbPrI-Econcierge p.NbPrI-wide{padding-bottom:15px;} #r_postalCode_h,#r_postalCode_b{display:none}