/* стили для выравнивания полей и границ в разных браузерах */ .bookhotels {position:relative; width:100%;} .bookhotels ul, .bookhotels ol, .bookhotels li, .bookhotels dl, .bookhotels dt, .bookhotels dd, .bookhotels p, .bookhotels h1, .bookhotels h2, .bookhotels h3, .bookhotels h4, .bookhotels h5, .bookhotels h6, form, fieldset, .bookhotels a, .bookhotels img, .bookhotels blockquote, .bookhotels table, .bookhotels tr, .bookhotels td { margin:0; padding:0; border:none;} .inputtext, .inputpath { margin:0; padding:0} .bookhotels input, .bookhotels 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;} /* заголовок обычный и с пиктограммкой отеля */ .bookhotels h1 {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;} #NbPrI-careform{padding-right: 20px; padding-left: 150px; padding-top: 10px; display:none;} #r_postalCode_h,#r_postalCode_b{display:none} .nb-reviewBlock {margin-bottom:10px;} .nb-rvHeader {float:left;width:150px;} .nb-reviewBlock div {margin-left:40px;} .nb-reviewBlock label{padding-right:5px} #NbPrI-PopUpText .nb-reviewBlock ul {list-style-type:none;padding-left:0px;} textarea.nb-rvinput {height:150px;} .nb-rvinput {width:490px;}