/* стили для выравнивания полей и границ в разных браузерах */ html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote{ 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; color:#000; background:#fff; text-align:center; height:100%} /* общие стили, использующиеся на всех страницах без привязки к месту */ ul { list-style:none} .NbPrI-clearing { height:0; font-size:0; clear:both} /* этот див используется только пустым. он не позволяет плавающим блокам вываливаться из родителя (не ржать!) не забывайте ставить его там, где он есть по верстке - это важно! */ #NbPrI-content a.NbPrI-up { margin:2px 0 0 6px; color:#C3D1E4 !important; float:left} /* ссылка "наверх" на странице инфо */ a.NbPrI-explanation { padding:0 4px; width:12px; height:12px; text-decoration:none; cursor:help; background:url(img/demand_bg.gif) no-repeat 0 0} /* оранжевая кнопачка с вопросиком */ /* Див, который держит всю страницу и определяет минимальную ширину */ #NbPrI-general { margin:0 auto; width:100%; min-width:850px; background:#36639E url(img/body_bg.gif) repeat-x 0 0; position:relative; 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-top { padding:23px 32px 0 32px; color:#fff} #NbPrI-top #NbPrI-logo { width:272px; height:58px; font-size:0.9em; background:url(img/logo.gif) no-repeat left bottom; float:left} #NbPrI-top #NbPrI-logo span { display:none} /* блок ссылок на разделы */ dl.NbPrI-topOffer { margin-left:280px; margin-top:12px; height:45px; background:url(img/topOfferL.gif) no-repeat left bottom; display:block} dl.NbPrI-topOffer dd { height:45px; background:url(img/topOfferR.gif) no-repeat right bottom; display:block} dl.NbPrI-topOffer dd div.NbPrI-topofferadd { margin:0 7px 0 6px; height:43px; border-top:1px solid #C6E3FF; border-bottom:1px solid #C6E3FF} * html dl.NbPrI-topOffer dd div.NbPrI-topofferadd { overflow:hidden} /* это 4 зафлоаченных блока, в каждом из которых находится одна ссылка на раздел с картинкой */ div.NbPrI-topofferadd div.NbPrI-toplinks { float:left; width:24%; text-align:center } div.NbPrI-toplinks a { margin:0 auto; color:#fff; display:block; padding:8px 0 12px 40px; margin-bottom:-4px; text-align:left} div.NbPrI-toplinks a.NbPrI-forhotel { padding-left:42px; width:60px; background:url(img/forhotel.gif) no-repeat 0 2px} div.NbPrI-toplinks a.NbPrI-forother { padding-left:42px; width:80px; background:url(img/forother.gif) no-repeat 0 2px} div.NbPrI-toplinks a.NbPrI-foravia { padding-left:48px; width:100px; background:url(img/foravia.gif) no-repeat 0 2px} div.NbPrI-toplinks a.NbPrI-forbron { padding-left:35px; width:100px; background:url(img/forbron.gif) no-repeat 0 2px} /* центральная часть верстка колонок */ #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; color:#fff; float:left} h1.picto { margin-top:-6px; padding-left:30px; padding-bottom:12px; font-weight:normal; font-size:1.8em; color:#fff; background:url(img/hotel_picto.gif) no-repeat 10px 7px; float:left} /* белый текст на синем фоне, который используется на странице бронирования */ p.NbPrI-whitetext { margin-bottom:20px; padding:4px 10px; font-size:1em; color:#fff} /* стандартный блок, который раздвигается на ширину колонки */ div.NbPrI-item { margin-bottom:10px; clear:both} /* синее верхнее обрамление блока с белым заголовком */ div.NbPrI-itemtopBl { background:url(img/head_blueL.gif) no-repeat left top} /* левый скос */ div.NbPrI-itemtopBl dl { background:url(img/head_blueR.gif) no-repeat right top} /* правый скос */ div.NbPrI-itemtopBl dd { margin:0 7px 0 7px; background:url(img/head_blue.gif) repeat-x} /* тянущийся на любую ширину рисунок полосы */ div.NbPrI-itemtopBl dd h2 { padding:3px 0 8px 12px; font:bold 14px verdana; color:#fff; background:url(img/arr_white.gif) no-repeat 4px 9px} 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 { background:url(img/head_yellowL.gif) no-repeat left top} /* левый скос */ div.NbPrI-itemtopYlw dl { background:url(img/head_yellowR.gif) no-repeat right top} /* правый скос */ div.NbPrI-itemtopYlw dd { margin:0 7px 0 7px; background:url(img/head_yellow.gif) repeat-x} /* тянущийся на любую ширину рисунок полосы */ div.NbPrI-itemtopYlw dd h2 { padding:3px 0 8px 12px; font:bold 14px verdana; color:#000; background:url(img/arr_black.gif) no-repeat 4px 9px} 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} div.NbPrI-item .NbPrI-dott { background:#FAFCFF url(img/dott.gif) repeat-x bottom; border-bottom:none} /* пунктирная полоска в закрытом блоке. Это добавочный класс для блока
*/ div.NbPrI-item .NbPrI-dottnone { background:#FAFCFF; border-bottom:none} /* пунктирной полоски нет. Это добавочный класс для блока
Можно увидеть в любом раскрытом блоке. */ /* верхняя крышка стандартного блока без заголовка */ div.NbPrI-jalousieTop { background:url(img/jTopL.gif) no-repeat left top} div.NbPrI-jalousieTop dl { background:url(img/jTopR.gif) no-repeat right top} div.NbPrI-jalousieTop dd { margin:0 6px 0 6px; background:url(img/jTopMid.gif) repeat-x; position:relative} /* нижняя закрывашки стандартного блока */ div.NbPrI-jalousie { background:url(img/botL.gif) no-repeat left bottom} *+html div.NbPrI-jalousie { height:1%} * html div.NbPrI-jalousie { position:relative} div.NbPrI-jalousie dl { background:url(img/botR.gif) no-repeat right bottom} div.NbPrI-jalousie dd { margin:0 6px 0 6px; background:url(img/botMid.gif) repeat-x; border-bottom:1px solid #C3D1E4; 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:17px; color:#fff; font-size:9px; background:url(img/openR.gif) no-repeat top right; text-decoration:none; display:block; text-transform:lowercase; position:absolute; right:-5px; bottom:0} *+html div.NbPrI-jalousie a.NbPrI-open { bottom:-1px; cursor:pointer} * html div.NbPrI-jalousie a.NbPrI-open { bottom:-2px; cursor:pointer} * html div.NbPrI-jalousie .NbPrI-hgt46 a.NbPrI-open { bottom:-1px; right:-6px} div.NbPrI-jalousie a.NbPrI-open span { margin-top:-1px; padding:0 4px 1px 8px; height:11px; background:url(img/openL.gif) no-repeat 0 1px; display:block} *+ html div.NbPrI-jalousie a.NbPrI-open span { margin-top:0; padding-bottom:1px; position:relative; top:-1px; 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 { margin-left:4px; padding-right:6px; color:#fff; font-size:9px; background:url(img/closeR.gif) no-repeat top right; 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-left:-4px; margin-top:-1px; padding:0 4px 1px 21px; height:11px; background:url(img/closeL.gif) no-repeat 0 1px; 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; background:#FAFCFF; border-left:1px solid #C3D1E4; border-right:1px solid #C3D1E4; border-bottom:1px solid #C3D1E4; 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; background:#DDEBFF; 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; color:#3575B4} /* заголовок в скрытом диве */ *+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} ul.NbPrI-character li ul li { margin-right:1px; margin-bottom:1px; padding-top:2px; padding-bottom:2px; width:12%; background:#DDEBFF; float:left; text-align:center} ul.NbPrI-character li ul li.NbPrI-bluetext { color:#265E9D} /* Широкая колонка - описание отеля */ 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 a.NbPrI-more { color:#ED5B18} /* ссылка "Еще фото" */ 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 { 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; border:1px solid #DCDCDC} 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 { padding:6px 0 0 0; width:142px; height:84px; position:absolute; top:0; right:90px; font-size:10px; color:#448CCB; background:url(img/cost_bg.jpg) no-repeat 11px 2px; text-align:center} div.NbPrI-into dl.NbPrI-cost span { display:block; 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;} * 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 0 0 0; width:142px; height:84px; position:absolute; top:0; right:90px; font-size:10px; color:#000; background:url(img/cost_bgYel.jpg) no-repeat 11px 2px; text-align:center} div.NbPrI-into dl.NbPrI-costYlw span { display:block; 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; color:#ED5B18; position:absolute; top:0; right:6px} div.NbPrI-into ul.NbPrI-options a { color:#ED5B18} 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 li.NbPrI-cancel a { color:#0072BC} div.NbPrI-into ul.NbPrI-options .none { display:none} /* контейнер со скроллом для таблицы в открывающемся-закрывающемся голубом блоке */ div.NbPrI-tblcont { margin:10px; margin-bottom:0; padding:9px 8px; padding-right:0; border:1px solid #769FD5; background:#fff; 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; background:#F1F1F1} div.NbPrI-tblcont table.NbPrI-list span.NbPrI-bold { font-weight:bold} div.NbPrI-tblcont table.NbPrI-list span.NbPrI-gray { font-style:italic; color:#7D7D7D; 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 { color:#E2662D; text-transform:uppercase; float:left} div.NbPrI-tblcont table.NbPrI-list div.NbPrI-inform { float:right} div.NbPrI-tblcont table.NbPrI-list .NbPrI-button { padding-bottom:2px; width:63px; border:0; font:9px arial; color:#fff; background:url(img/button_bg.gif) no-repeat 0 0; float:right} div.NbPrI-tblcont table.NbPrI-list span.NbPrI-costroom { font-size:12px; color:#528FC5; float:right} /* Общий стиль на поля ввода текста (input) */ .NbPrI-inputtext { padding-left:2px; border:1px solid #78A7DB; background:#fff; font-size:11px; color:#2B63A1} /* блок для неразвернутого поиска */ .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:35%; 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 { color:#00527E; font-size:11px; border:1px solid #00527E} 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; color:#00527E; font-size:10px; border:1px solid #00527E} /* оранжевая кнопачка с вопросиком */ .NbPrI-demand { width:12px; height:12px; border:0; cursor:help; background:url(img/demand_bg.gif) no-repeat 0 0} 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; background:url(img/blackarrow_bg.gif) no-repeat 0 0} *+html .NbPrI-arrow { margin-bottom:2px} * html .NbPrI-arrow { margin-bottom:2px} /* .NbPrI-secondlevel - второй уровень скрытого блока. Блок "Дополнительные параметры" содержит в себе блок
    , который скрывается стилем none. При этом блок
    складывается по высоте и видимой остается только его верхушка. */ .NbPrI-hidden .NbPrI-secondlevel { margin-top:8px; background:#DDEBFF url(img/blue_point.gif) repeat-x top} .NbPrI-hidden .NbPrI-secondlevel dl { margin-bottom:6px; height:9px; background:url(img/cornerL.gif) no-repeat 0 0} * html .NbPrI-hidden .NbPrI-secondlevel dl { margin-bottom:0} .NbPrI-hidden .NbPrI-secondlevel dd { height:9px; background:url(img/cornerR.gif) no-repeat top right} .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; color:#1B4C8A; background:url(img/more_bg.gif) no-repeat right bottom; 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; border:1px solid #7CAADC} /* списки "Удобства" с чекбоксами в блоке "Дополнительные параметры". Также используются на странице поиска в разделе "Поля для необязательного заполнения" */ ul.NbPrI-checkbox { padding-top:10px; width:100%; float:left} ul.NbPrI-checkbox .NbPrI-checkbx { width:12px; height:12px} ul.NbPrI-checkbox .NbPrI-checkbxall { 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} /* списки с чекбоксами и ценами. Блок Гостиничные цепочки */ .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} /* оранжевая кнопка поиск */ div.NbPrI-jalousie .NbPrI-button { margin-top:7px; padding-bottom:2px; width:88px; height:20px; background:url(img/search.gif) no-repeat 0 1px; border:0; font:bold 14px verdana; color:#fff; text-decoration:underline; cursor:pointer} html*div.NbPrI-jalousie .NbPrI-button { height:21px; background:url(img/search.gif) no-repeat 0 2px} /* закладки */ 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; background:url(img/cardR.gif) no-repeat top right; float:left} * html div.NbPrI-card ul li.NbPrI-end { margin-right:0} div.NbPrI-card ul li a { padding:2px 30px 4px 30px; background:url(img/cardL.gif) no-repeat 0 0; color:#FFE2AC; display:block} div.NbPrI-card ul li.NbPrI-active { background:url(img/actcardR.gif) no-repeat top right; color:#FFE2AC} div.NbPrI-card ul li.NbPrI-active a { padding-bottom:6px; background:url(img/actcardL.gif) no-repeat 0 0; color:#fff} /* блок, содержимое которого должно меняться при переключении ярлыков */ #NbPrI-multilayer { padding:13px; padding-bottom:1px; background:#4B77B0; border-left:1px solid #97BCE7; border-right:1px solid #97BCE7} /* блок контролирующий левый отступ у широкой колонки, когда нет мультиблока */ #NbPrI-control { padding-left:13px} /* мультиблок - закругления вверху */ dl.NbPrI-semicircleTP { width:auto; height:6px; background:url(img/semicircleTL.gif) no-repeat 0 0; display:block} dl.NbPrI-semicircleTP dd { width:auto; height:6px; background:url(img/semicircleTR.gif) no-repeat top right; display:block} dl.NbPrI-semicircleTP dd span { margin:0 6px; height:6px; background:url(img/lineTP.gif) repeat-x top; display:block} * html dl.NbPrI-semicircleTP dd span { margin-bottom:-7px} /* мультиблок - закругления внизу */ dl.NbPrI-semicircleBT { width:auto; height:26px; background:url(img/semicircleBL.gif) no-repeat 0 0; display:block; height:1%} dl.NbPrI-semicircleBT dd { width:auto; height:6px; background:url(img/semicircleBR.gif) no-repeat top right; display:block} dl.NbPrI-semicircleBT dd span { margin:0 6px; height:6px; background:url(img/lineBT.gif) repeat-x bottom; 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; color:#fff; 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; color:#fff; display:block} div.NbPrI-pagelist ul li a:hover { color:#000; background:#C6E3FF; text-decoration:none} div.NbPrI-pagelist ul li.current a { width:13px; height:13px; color:#000; background:#C6E3FF; 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; background:url(img/yellwbuttL.gif) no-repeat 0 0; display:block} *+html dl.NbPrI-pointhotel { margin-bottom:0} * html dl.NbPrI-pointhotel { margin-bottom:0} dl.NbPrI-pointhotel dd { background:url(img/yellwbuttR.gif) no-repeat top right; display:block} dl.NbPrI-pointhotel a { margin:0 6px; padding:0 5px; padding-bottom:3px; display:block; font-size:13px; color:#000; background:url(img/yellwbuttMid.gif) repeat 0 0} dl.NbPrI-pointhotel a span { padding-left:8px; font-weight:bold} /* расширенная информация по отелю. Серия блоков, которые должны открываться и закрываться по желанию пользователя. Образует разделы "Удобства", "Номера", "Бизнес-услуги" и т.д. */ /* верхнее оформление блока - полоска со скошенными уголками */ .NbPrI-dataobject { margin-top:6px; background:#FAFCFF url(img/blue_point.gif) repeat-x top} .NbPrI-dataobject dl { margin-left:-1px; margin-bottom:6px; height:9px; background:url(img/cornerLw.gif) no-repeat 0 0} * html .NbPrI-dataobject dl { margin-bottom:0} *+html .NbPrI-dataobject dl { height:28px} .NbPrI-dataobject dd { margin-right:-1px; height:9px; background:url(img/cornerRw.gif) no-repeat top right} *+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; color:#1B4C8A; background:url(img/more_bg.gif) no-repeat right bottom; 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; color:#1B4C8A; background:url(img/hiddentext.gif) no-repeat right bottom; 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; color:#3575B4; 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; color:#ff0000; background:url(img/arr_red.gif) no-repeat 4px 9px; 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; color:#3575B4; background:url(img/arr_red.gif) no-repeat 4px 9px; 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 { padding-top:2px !important; padding-bottom:3px; width:144px; height:20px; background:url(img/button_bg2.gif) no-repeat 0 1px; border:0; font:bold 12px verdana; color:#fff; text-decoration:underline; cursor:pointer} html*div.NbPrI-jalousie .NbPrI-button2 { height:21px; background:url(img/button_bg2.gif) no-repeat 0 2px} /* структура блока для разделения фона на белый и голубой */ div.NbPrI-personal { width:45%; float:left} div.NbPrI-storecard { padding-bottom:15px; width:53.5%; background:#DDEBFF; float:left} /* блок с голубым фоном в бронировании */ .NbPrI-into .NbPrI-bluefon { margin:15px; margin-top:0; padding-right:20px; padding-bottom:10px; background:#DDEBFF; 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; color:#ff0000; 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; color:#ff0000; 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 p a { color:#ED5B18} 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; border:1px solid #DDEBFF} 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; color:#ff0000; 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; background:url(img/yellowpump.gif) no-repeat 0 0; 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; background:url(img/yellowpump2.gif) no-repeat 0 1px; 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%} /* подвал сделан так, чтобы он не поднимался вверх при небольшом контенте и уходил вниз вместе со скроллом */ #NbPrI-footer { margin:0 auto; margin-top:-110px; width:100%; min-width:760px; height:110px; color:#C3D1E2; background:#36639E url(img/footer_bg.gif) no-repeat right bottom; text-align:center; position:relative} #NbPrI-footer p { padding-top:68px} #NbPrI-footer span.NbPrI-block { display:block} /* min-width for IE*/ * html #NbPrI-footer { width: expression((w = (document.documentElement.clientWidth || document.body.clientWidth) - 20) > 760 ? '100%' : '760px');} /* пиктограммы в подвале */ #NbPrI-footer ul.NbPrI-picto { width:170px; position:absolute; top:68px; left:90px} #NbPrI-footer ul.NbPrI-picto li { height:20px; padding-right:25px; float:left} #NbPrI-footer ul.NbPrI-picto li a {width:23px; height:20px; display:block} #NbPrI-footer ul.NbPrI-picto li span { display:none} #NbPrI-footer ul.NbPrI-picto li.NbPrI-home { width:22px; background:url(img/home.gif) no-repeat 0 0} #NbPrI-footer ul.NbPrI-picto li.NbPrI-write { width:23px; background:url(img/write.gif) no-repeat 0 0} #NbPrI-footer ul.NbPrI-picto li.NbPrI-phone { width:22px; background:url(img/phone.gif) no-repeat 0 0} * html div.NbPrI-itemtopBl { height:1%} * html div.NbPrI-itemtopYlw { height:1%} *+html div.NbPrI-itemtopBl { height:1%} *+html div.NbPrI-itemtopYlw { height:1%} /* 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;} /* ***************** */ /*Podbor*/ .ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; text-align: left; } .ac_results strong{ font-size:12px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { position:relative; margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background : Window url('simg/indicator.gif') right center no-repeat; } .ac_over { background-color: Highlight; color: HighlightText; } #city { width:240px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; } .qnt { position:absolute; top:2px; right:10px; font-size:0.8em; color:#26A908; } /**/ .ac_results { padding: 0px; border: 1px solid black; background-color: Window; 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; 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; } .ac_loading { background : Window url('img/indicator.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: HighlightText; } .ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; } /* /Podbor*/ /*table with price*/ #week { width: 100px; border: 1px #6A95C0 solid; background-color: #FFFFFF; text-align: center; margin-top: 10px; border-collapse: collapse; } table#week td { border: 1px #6A95C0 solid; padding:1px 4px 1px 4px; } table #week #th td { background-color: #eeeeee; } /*/table with price*/ /*SAMZ*/ p.NbPrI-fixHeight{height:48px;} /* высота блока на списке отелей*/ /*внутренние стили для блока описания отеля */ div.NbPrI-into a.NbPrI-more_link{ color:#ED5B18;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} div.NbPrI-into a.NbPrI-hide { color:#ED5B18} /* ссылка скрыть */ .NbPrI-hidden .NbPrI-secondlevel a.NbPrI-hiddentext { margin:6px 8px; padding-right:20px; font:9px verdana; color:#1B4C8A; background:url(img/hiddentext.gif) no-repeat right bottom; 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{color:#ED5B18;font-weight:normal;} .NbPrI-error { color:#ff0000} /*end SAMZ*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /**{padding: 0; margin: 0;}*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #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 + 'px');*/ height: 5000px; } #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; } /* Класс для принтера*/ @media print { .NbPrI-NoPrint{display:none;} div.NbPrI-into{border:none;} div.NbPrI-jalousie dd {border:none;} } /*Паддинг для ввылки подробнее*/ .NbPrI-PadLeft{padding-left:5px;} /*Для формы выбора платёжной системы выбора*/ div.NbPrI-into p.NbPrI-info a{color:#ED5B18;} /*div.NbPrI-into p.NbPrI-info span{padding-bottom:5px;display:block;} TODO*/ div.NbPrI-radio{background-color:transparent;background-image:url(img/radio_back.gif);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;} p.NbPrI-White{color:#FFFFFF;text-decoration:none;} /*стиль для текста в логотипе*/ /* селекты в поиске в узкой колонке. Здесь немного многовато стилей, признаю. Но хотелось выстроить по дизайну (а они там то так, то эдак расположены), поэтому пришлось помудрить */ 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} #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; } /*div.NbPrI-jalousie a.NbPrI-none{display:none;}*/ /*div.NbPrI-jalousie a.NbPrI-none{display:none;} #NbPrI-NewSearchForm .NbPrI-hidden{padding-bottom:0px;}*/ ul.NbPrI-Allpadd li {padding:3px 3px 5px 0px;}/*Для блока парамтры бронирования*/ a.NbPrI-morepic {color:#ED5B18;margin-left:15px;} /* ссылка "Еще фото" */ a.NbPrI-morepic_mp {color:#ED5B18;} /* ссылка "Еще фото на mp" */ /************* 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-framemap {padding-right: -10px;} body { background-color:#2C5994; } label { display: block; } .centerAir { margin-top: 15px; margin-left: 25%; width: 70%; float: left; text-align: left; } .centerAir2 { margin-top: 15px; margin-left: 50%; width: 160px; float: left; text-align: left; } .centerAir3 { /*margin-right:50%; margin-top:20px; text-align:right;*/ /*left:25%;*/ /*margin-left:-156px;*/ /*margin-top:3px;*/ /*position:relative; width:45%;*/ margin-top:20px; /* border:1px solid green; float:left; margin:auto 0;*/ padding-left:50%; text-align:left; /*width:70%;*/ width: 100% } .centerAir3 #NbPrI-airportList { margin-left:-120px; /*text-align:left; width:160px;*/ } h1.HotelsSu-hn { margin-top: -3px; } .align_centerAdd { position: relative; width: 100%; } .align_centerAdd:after { content: ''; display: block; clear: both; } .align_center_to_leftAdd { position: relative; right: 50%; float: right; } .align_center_to_rightAdd { position: relative; z-index: 1; right: -50%; }