/*******************************************************************/ /* RESET */ /*******************************************************************/ body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; } body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; line-height: 140%; background: #FFFFFF url(/img/body-bg.gif) repeat-x left top; } /*******************************************************************/ /* GLOBAL */ /*******************************************************************/ .clear { clear: both; height: 0px; overflow: hidden;} .hide { display: none; } .red { color: #CC0000; } .green { color: #009900; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .small { font-size: 11px; } .grey { color: #CCCCCC; } .big { font-size: 16px; } img { border: none; } a img { border: none; } a { color: #333333; text-decoration: underline; font-weight: bold;} a:hover { color: #CC0000; } img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; } img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; } hr { display: none; } .hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; } address { font-style: normal; } .no-marks { list-style-type: none; } form {} form .input, form .textarea, form .select { border: 1px solid #999999; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 4px; padding-top: 4px; } form .input { padding-top: 4px; padding-bottom: 4px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333333; } /***************/ /* OVERLAPPING */ /***************/ .overlap, .overlap * { display: block; position: relative; overflow: hidden; } .overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; } a.overlap span, .overlap a span { cursor: pointer; } /*********************/ /* TITLE OVERLAPPING */ /*********************/ .title-overlap, .title-overlap span.pic { display: block; position: relative; overflow: hidden; } .title-overlap span.pic { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; } /*******************************************************************/ /* LAYOUT */ /*******************************************************************/ body { text-align: center; } #page-wrapper { margin: 0 auto; text-align: left; width: 1000px; position: relative; } .page-layout {} .page-layout .column1 { width: 452px; float: left; } .page-layout .column2 { width: 290px; float: left; } .page-layout .column3 { width: 251px; float: left; } .page-layout .column1 .column-content { padding: 0px 40px 0px 23px; } .page-layout .column2 .column-content { padding: 20px 32px 0px 0px; } .page-layout .column3 .column-content { padding: 20px 0px 0px 0px; } /*******************************************************************/ /* HEADER */ /*******************************************************************/ #header { height: 133px; } #logo-city-bike { width: 110px; height: 53px; overflow: hidden; position: absolute; top: 15px; left: 15px; } #logo-city-tour { width: 110px; height: 53px; overflow: hidden; position: absolute; top: 15px; right: 15px;} /********/ /* MENU */ /********/ #menu { position: absolute; top: 92px; left: 6px;} #menu li { list-style-type: none; font-family: "Times New Roman", Times, serif; font-size: 19px; letter-spacing: -1px; float:left; height: 41px; margin-right: 29px; } #menu li * { height: 41px; } #menu li a { text-decoration: none; line-height: 41px; font-weight: normal; } #menu li a:hover { text-decoration: underline; } #menu li#menu-contact-and-reservations { margin-right: 0px; } #menu-about-city-bike-prague a { color: #BEB800;} #menu-prague-bike-tours a { color: #591E56; } #menu-rent-bike a { color: #0075D2; } #menu-photogallery a { color: #414B57; } #menu-our-partners-worldwide a { color: #2F8927; } #menu-pricelist a { color: #0097AC; } #menu-contact-and-reservations a { color: #E33729; } #menu-about-city-bike-prague, #menu-about-city-bike-prague * { width: 169px; } #menu-prague-bike-tours, #menu-prague-bike-tours * { width: 158px; } #menu-rent-bike, #menu-rent-bike * { width: 78px; } #menu-photogallery, #menu-photogallery * { width: 96px; } #menu-our-partners-worldwide, #menu-our-partners-worldwide * { width: 81px; } #menu-pricelist, #menu-pricelist * { width: 60px; } #menu-contact-and-reservations, #menu-contact-and-reservations * { width: 170px; } #menu-about-city-bike-prague span { background-image: url(/img/menu-about-city-bike-prague.gif); } #menu-prague-bike-tours span { background-image: url(/img/menu-prague-bike-tours.gif); } #menu-rent-bike span { background-image: url(/img/menu-rent-bike.gif); } #menu-photogallery span { background-image: url(/img/menu-photogallery.gif); } #menu-our-partners-worldwide span { background-image: url(/img/menu-our-partners-worldwide.gif); } #menu-pricelist span { background-image: url(/img/menu-pricelist.gif); } #menu-contact-and-reservations span { background-image: url(/img/menu-contact-and-reservations.gif); } /*********/ /* FLASH */ /*********/ #flash { width: 1000px; height: 150px; background: url(/flash/img/praha1.jpg) no-repeat left top; overflow: hidden; } #flash embed { position: relative; z-index: -5; } #page-homepage #flash { background-image: url(/flash/img/praha1.jpg); } #page-prague-bike-tours #flash { background-image: url(/flash/img/praha4.jpg); } #page-bike-rental #flash { background-image: url(/flash/img/praha8.jpg); } #page-photogallery #flash { background-image: url(/flash/img/praha5.jpg); } #page-our-partners-worldwide #flash { background-image: url(/flash/img/praha2.jpg); } #page-contact-reservation #flash { background-image: url(/flash/img/praha14.jpg); } /************/ /* HOMEPAGE */ /************/ /* eye-catcher box */ #eye-catcher { position: absolute; top: 200px; left: 380px; width: 200px; height: 205px; padding: 5px 0px 10px 130px; background: url(/img/hp-mp3-tour.png) 0 0 no-repeat; } #eye-catcher .close { text-align: right; margin: 0; } #eye-catcher .close a { font-size: 11px; font-weight: normal; text-decoration: none; margin: 0 10px 0 0; } #eye-catcher h2 { font-size: 20px; color: #0075D2; margin: 10px 0 10px 30px; } #eye-catcher h2 span { font-size: 18px; line-height: 1.5; } #eye-catcher h2 a { color: #CC0000; text-decoration: none; } #eye-catcher a:hover { text-decoration: underline; } #eye-catcher p { margin: 0 10px 0 10px; font-size: 12px; } #eye-catcher p.lang { font-size: 11px; margin-top: 8px; } #eye-catcher p.lang img { margin: 1px; } #gps { width: 87px; height: 87px; background: url(/img/gps-assistance-servis.png) no-repeat left top; text-indent: -1000px; overflow: hidden; position: absolute; top: 10px; right: -60px; } /* flags flash */ #flash-flags { width: 258px; height: 18px; margin: 10px 0 0 0; } #flash-flags-gradient { width: 258px; height: 18px; margin: 10px 0 0 0; } #facebook-box { width: 260px; margin: 25px auto; color: #113E82; font-size: 14px; position: relative; } #facebook-box img { position: relative; top: -5px; } /*******************************************************************/ /* FOOTER */ /*******************************************************************/ #footer { clear: both; background: url(/img/footer-bg.gif) repeat-x left 20px; padding-top: 20px; position: relative;} #footer * { color: #999999; font-size: 12px; } #footer p { padding: 17px 0px 17px 19px; } #credits { position: absolute; top: 18px; right: 19px; line-height: 20px;} #credits a { text-decoration: none; font-weight: normal; } #credits img { vertical-align: middle; padding-top: 1px; } #homepage-boxes { padding-left: 10px; padding-bottom: 10px;} #homepage-boxes img { margin-right: 10px; display: block; width: 155px; height: 100px; float: left; } /*******************************************************************/ /* BODY */ /*******************************************************************/ h1 { display: block; font-size: 36px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 100%; padding: 7px 0px 0px 11px;} h2 { font-size: 20px; line-height: 1em; color: #666666; font-family: "Times New Roman", Times, serif; font-weight: normal; } h2.sifr { line-height: 1em; height: 20px; } .column2 h2, .column3 h2 { font-size: 20px; font-family: "Times New Roman", Times, serif; font-weight: normal; color: #666666; line-height: 120%; letter-spacing: -1px; border-bottom: 1px solid #CCCCCC; padding: 3px 0px 2px 4px; } .column2 h2 span, .column3 h2 span { display: block; font-size: 25px; } .column1 p { padding-bottom: 1em; } .column2 { font-size: 12px; line-height: 150%; } .column3 { font-size: 12px; line-height: 150%; } p.introduction { font-size: 15px; line-height: 150%; } #button-reserve { margin: 0px auto; position: relative; top: 5px; } #button-reserve, #button-reserve * { width: 164px; height: 25px; } #button-reserve span { background-image: url(/img/button-reserve-blue.gif); } #page-prague-bike-tours #button-reserve span { background-image: url(/img/button-reserve-violet.gif); } .button-reserve-your-tour-today { margin: 0px auto; } .button-reserve-your-tour-today, .button-reserve-your-tour-today * { width: 220px; height: 40px; line-height: 40px; } .button-reserve-your-tour-today span { background-image: url(/img/button-reserve-your-tour-today.gif); } .button-reserve-your-bike-today { margin: 0px auto; } .button-reserve-your-bike-today, .button-reserve-your-bike-today * { width: 220px; height: 40px; line-height: 40px; } .button-reserve-your-bike-today span { background-image: url(/img/button-reserve-your-bike-today.gif); } /* TITLE BACKGROUND */ #title-wrapper { background: #FFFFFF url(/img/title-bg.gif) repeat-x left top; height: 60px; position: relative; top: -27px; left: -14px; overflow: hidden; margin-bottom: -22px; } #title-bg { background-color: #FFFFFF; margin: 1px; height: 58px; } /* Custom widths */ #page-homepage #title-wrapper { width: 378px; } #page-prague-bike-tours #title-wrapper { width: 375px; } #page-bike-rental #title-wrapper { width: 368px; } #page-photogallery #title-wrapper { width: 225px; } #page-our-partners-worldwide #title-wrapper { width: 370px; } #page-contact-reservation #title-wrapper { width: 395px; } #page-site-map #title-wrapper { width: 165px; } #page-about-citybike-prague #title-wrapper { width: 350px; } /* Custom colors */ .orange { color: #E33729; } .orange-light { color: #FF6C3C; } .pink { color: #E15071; } .yellow { color: #FDB302; } .green { color: #2F8927; } .violet { color: #591E56; } .violet-light { color: #B51FC0; } .blue-gray { color: #414B57; } .blue { color: #0075D2; } .red { color: #CC0000; } .blue-or-what { color: #0097A9; } .gold { color: #BEB800; } .light-green { color: #49BE58; } .light-blue { color: #0097AC; } /*******************/ /* BLOCK 5 REASONS */ /*******************/ #block-5-reasons { padding-bottom: 15px;} #block-5-reasons li { list-style-type: none; background: url(/img/li-arrow.gif) no-repeat 4px 8px; border-bottom: 1px solid #C9DFF6; padding: 4px 5px 5px 18px; line-height: 120%; } #block-5-reasons h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-5-reasons.gif); } /******************/ /* BLOCK FOR FREE */ /******************/ #block-for-free { padding-bottom: 20px;} #block-for-free p { padding: 5px 0px 0px 4px; } #block-for-free h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-for-free.gif); } /***************/ /* BLOCK BIKES */ /***************/ #block-bikes { border: 1px solid #CCCCCC; position: relative; top: -4px; margin-bottom: -4px; font-size: 11px; color: #666666; line-height: 16px; } #block-bikes h2 { height: 43px; letter-spacing: -1px; font-size: 18px; line-height: 40px; } #block-bikes h2 span.green { display: inline; font-size: 26px; } #block-bikes h2 span.pic { width: 100%; height: 43px; background-image: url(/img/block-title-bikes3.png); } #block-bikes .block-content { background: #FFFFFF url(/img/block-bikes-bg.gif) repeat-x left 100px; } #block-bikes ul { height: 221px; } #block-bikes li { list-style: none; width: 124px; height: 110px; float: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-repeat: no-repeat; background-position: center top; } #block-bikes li span { display: block; width: 118px; height: 19px; padding: 85px 0px 0px 0px; border: 3px solid transparent; text-decoration: underline; text-align: center; line-height: 13px; } #block-bikes li.active span { border-color: #C9E1F4; text-decoration: none; font-weight: bold; color: #30892B; } #block-bikes .info-text { padding: 5px; position: relative; height: 47px; overflow: hidden; } #block-bikes.ready .info-text p { position: absolute; top: 0px; left: 0px; padding: 5px; } #block-bikes .info-text p { height: 47px; } .note { font-size: 11px; line-height: 14px; padding: 3px 0px 0px 3px; color: #666666; } /* CUSTOM SETTINGS */ #block-bikes #bike-1 { background-image: url(/img/ladys-bike.jpg); } #block-bikes #bike-1 span { padding-top: 72px; height: 32px; } #block-bikes #bike-2 { border-right: none; background-image: url(/img/tandem-bike.jpg); } #block-bikes #bike-3 { background-image: url(/img/cruiser-bike.jpg); background-position: center 14px; } #block-bikes #bike-4 { border-right: none; background-image: url(/img/mountain-bike.jpg); background-position: center 14px; } .tandem { border: 1px solid #cccccc; width: 249px; height: 102px; margin-bottom: 11px; padding-bottom: 8px; position: relative; } .tandem img { margin: 5px 0px 0px 55px; text-align: center; color: #30892B; font-weight: bold; } .tandem h2 { height: 32px; border: none; } .tandem h2 span.green { padding-top: 6px; font-size: 21px; } .tandem h2 span.pic { width: 100%; height: 100%; background: url(/img/block-title-bikes2.gif) left top no-repeat; position: absolute; left: 0px; top: 0px; } .tandem h2 a span.pic { cursor: pointer; } /*******************************/ /* BLOCK PRAGUE BIKE YOUR TIME */ /*******************************/ #block-prague-bike-your-time { padding-bottom: 10px; margin-bottom: 10px; line-height: 120%; background-color: #FDE4C6; } #block-prague-bike-your-time table { width: 100%; border-collapse: collapse; } #block-prague-bike-your-time th { text-align: left; font-weight: bold; } #block-prague-bike-your-time td, #block-prague-bike-your-time th { border-bottom: 1px solid #C9DFF6; padding: 3px 5px 4px 4px; } #block-prague-bike-your-time .last td, #block-prague-bike-your-time .last th { border-bottom: none; } #block-prague-bike-your-time h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-prague-bike-your-time.gif); } /**********************/ /* BLOCK PHOTOGALLERY */ /**********************/ #block-photogallery { line-height: 120%; padding-bottom: 15px; } #block-photogallery .block-content { padding: 5px 0px 0px 4px; } #block-photogallery .thumbs { padding-top: 7px; } #block-photogallery .thumbs a { display: block; width: 100px; height: 82px; overflow: hidden; margin-bottom: 15px; float: left; } #block-photogallery .thumbs a.odd { margin-right: 20px; } #block-photogallery h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-photogallery.gif); } /**************************/ /* BLOCK BIKE RENT PRICES */ /**************************/ #block-bike-rent-prices { padding-bottom: 20px; line-height: 120%;} #block-bike-rent-prices h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-bike-rent-prices.gif); } /********************/ /* BLOCK TOUR TIMES */ /********************/ #block-tour-times { padding: 10px 0px; } #block-tour-times .block-content { display: none; } /****************************/ /* BLOCK BIKE RENTAL PRICES */ /****************************/ #block-bike-rental-prices { padding: 10px 0px 5px 0px; } #block-bike-rental-prices p { padding: 5px 10px; } /**************************/ /* BLOCK SELECT BIKE TOUR */ /**************************/ #block-select-bike-tour { padding-bottom: 20px; } #block-select-bike-tour .block-content { padding: 5px 0px 5px 4px; } #block-select-bike-tour img { padding-left: 4px; } #block-select-bike-tour h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-select-bike-tour.gif); } /**************************/ /* BLOCK BECOME A PARTNER */ /**************************/ #block-become-partner {} #block-become-partner div { clear: both; padding-top: 3px; } #block-become-partner label { display: block; width: 72px; float:left; padding-top: 1px; line-height: 25px; } #block-become-partner #form-input-temp { padding-left: 72px; } #block-become-partner #form-input-temp label { display: inline; float: none; width: auto; } #block-become-partner textarea { height: 140px; width: 160px; } #block-become-partner form { padding-left: 3px; } #block-become-partner p { padding-top: 4px; padding-left: 3px; } #block-become-partner .input { width: 160px; } #block-become-partner select { width: 165px; height: 25px; line-height: 100%; } #block-become-partner .image { margin-right: 30px; margin-top: 10px; } #block-become-partner h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-become-partner.gif); } /**************************/ /* BLOCK RESERVATION FORM */ /**************************/ #block-reservation-form {} #block-reservation-form div { clear: both; padding-top: 3px; } #block-reservation-form label { display: block; width: 75px; float:left; padding-top: 1px; line-height: 25px; } #block-reservation-form textarea { height: 120px; width: 160px; } #block-reservation-form form { padding-left: 3px; } #block-reservation-form p { padding-top: 4px; padding-left: 3px; } #block-reservation-form .input { width: 160px; } #block-reservation-form select { width: 165px; height: 25px; line-height: 100%; } #block-reservation-form .image { margin-right: 30px; margin-top: 10px; } #block-reservation-form h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-reservation-form.gif); } /*************/ /* BLOCK MAP */ /*************/ #block-map {} #block-map a img { padding-top: 7px; } #block-map .block-content { padding: 0px 0px 0px 0px; text-align: center; } #block-map .block-content img { margin: 0 auto; } #block-map .block-content ul { text-align: left; padding-left: 30px; } #block-map h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-map.gif); } /**********************************/ /* BLOCK PRAGUE CITY BIKE RENTALS */ /**********************************/ #block-prague-city-bike-rentals { padding-bottom: 20px; line-height: 120%; } #block-prague-city-bike-rentals table { width: 100%; border-collapse: collapse; } #block-prague-city-bike-rentals th { text-align: left; font-weight: bold; } #block-prague-city-bike-rentals td, #block-prague-city-bike-rentals th { border-bottom: 1px solid #C9DFF6; padding: 3px 5px 4px 4px; } #block-prague-city-bike-rentals .last td, #block-prague-city-bike-rentals .last th { border-bottom: none; } #block-prague-city-bike-rentals h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-prague-city-bike-rentals.gif); } /******************************/ /* BLOCK BIKE RENTALS INCLUDE */ /******************************/ #block-bike-rentals-include { } #block-bike-rentals-include li { list-style-type: none; background: url(/img/li-arrow.gif) no-repeat 4px 8px; border-bottom: 1px solid #C9DFF6; padding: 4px 5px 5px 18px; line-height: 120%; } #block-bike-rentals-include h2 { padding-bottom: 5px; } #block-bike-rentals-include h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-bike-rentals-include.gif); } /**************************/ /* BLOCK SELF GUIDED TOUR */ /**************************/ #block-self-guided-tour { } #block-self-guided-tour h2 { padding-bottom: 8px; } #block-self-guided-tour h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-self-guided-tour.png); } #block-self-guided-tour .block-content { padding: 5px 0px 0px 5px; } #block-self-guided-tour p { height: 40px; background: url(/img/self-guided-tour-img.jpg) no-repeat left top; padding: 8px 0px 0px 45px; } /**************************/ /* BLOCK SELF GUIDED TOUR */ /**************************/ #block-trek { } #block-trek h2 { padding-bottom: 5px; } #block-trek h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-new-from-this-season.png); } #block-trek .block-content { padding: 8px 0px 0px 5px; } #block-trek p { background: url(/img/logo-trek.png) no-repeat left 2px; padding: 0px 0px 10px 35px; } /**************************/ /* BLOCK SELF GUIDED TOUR */ /**************************/ #block-children { padding-top: 5px; } #block-children h2 { padding-bottom: 5px; } #block-children h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-children.png); } #block-children .block-content { padding: 8px 0px 0px 5px; } /**************************/ /* BLOCK CATEGORIES */ /**************************/ #block-categories { padding-bottom: 20px; } #block-categories a { font-weight: normal; } #block-categories li { list-style-type: none; border-bottom: 1px solid #C9DFF6; padding: 4px 5px 5px 6px; line-height: 120%; } #block-categories h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-categories.gif); }¨ /***********************************/ /* BLOCK PRAGUE CITY BIKE TOUR MAP */ /***********************************/ #block-prague-city-bike-tour-map { padding-bottom: 20px; } #block-prague-city-bike-tour-map h2 span.pic { width: 100%; height: 53px; background-image: url(/img/block-title-prague-city-bike-tour-map.gif); } #block-prague-city-bike-tour-map .block-content { text-align: center; padding-top: 7px; } #block-prague-city-bike-tour-map .block-content img { margin: 0 auto; } /***************************/ /* BLOCK THREE GREAT TOURS */ /***************************/ #block-three-great-tours { padding-bottom: 20px;} #block-three-great-tours p { padding: 5px 0px 0px 4px; } #block-three-great-tours h2 { letter-spacing: -2px; } #block-three-great-tours h2 span.pic { width: 264px; height: 53px; background-image: url(/img/block-title-three-great-tours.png); } #block-three-great-tours li { list-style-type: none; background: url(/img/li-arrow.gif) no-repeat 4px 10px; border-bottom: 1px solid #F1D3F1; padding: 6px 5px 7px 18px; line-height: 120%; } #block-three-great-tours li.active { background-color: #FAF8FA; } #block-three-great-tours a:hover { color: #E15071; } /*******************************************************************/ /* PHOTOGALLERY */ /*******************************************************************/ #page-photogallery {} #page-photogallery .page-layout .column1 { width: 742px; float: left; } #page-photogallery .page-layout .column2 { display: none; } #page-photogallery .page-layout .column3 { width: 251px; float: left; } #page-photogallery .page-layout .column1 .column-content { padding: 0px 15px 0px 23px; } #page-photogallery .page-layout .column3 .column-content { padding: 20px 0px 0px 0px; } .gallery {} .gallery .item { width: 110px; height: 82px; text-align: center; float: left; overflow: hidden; margin-bottom: 5px; margin-right: 5px; } .gallery .item a { display: block; width: 110px; height: 82px; overflow: hidden;margin: 0 auto; } .gallery .castle-ride a { height: 79px; border-bottom: 3px solid #FF6600; overflow: hidden; } .gallery .city-ride a { height: 79px; border-bottom: 3px solid #FFCC00; overflow: hidden; } .gallery .both-rides a { height: 76px; border-bottom: 3px solid #FFCC00; overflow: hidden; } .gallery .both-rides { height: 79px; border-bottom: 3px solid #FF6600; overflow: hidden; } .legend {} .legend p { width: 33%; float: left; } /* PRICES */ #pricelist, .pricelist { border-collapse: collapse; font-size: 14px; margin-top: 5px; margin-bottom: 18px; border-top: 1px solid #CCCCCC; width: 400px; } #pricelist th, .pricelist th { text-align: left; font-weight: bold; } #pricelist td, #pricelist th, .pricelist td, .pricelist th { border-bottom: 1px solid #C9DFF6; padding: 3px 6px; } #pricelist td.eur, .pricelist td.eur { font-size: 11px; width: 55px; } #pricelist small, .pricelist small { font-size: 11px; } p.subtable-note { margin: -15px 0 0; font-size: 11px; } .pricelist .bubble { position: relative; } .pricelist .bubble img { position: absolute; top: -7px; left: -2px; } ul.intext { margin-left: 1.5em; padding-bottom: 1em; } #thecrawl { padding: 0px 20px; } /*************/ /* HIGHLIGHT */ /*************/ .highlight { padding: 5px 8px; } #page-homepage .highlight { background-color: #FFFFF0; } table.pricelist.highlight { background-color: #FFFFF0; padding: 0; } table.pricelist.highlight-blue { background-color: #fafcff; } #page-prague-bike-tours .highlight { background-color: #FAF8FA; } #page-bike-rental .highlight { background-color: #F7FBFE; } /*********/ /* VIDEO */ /*********/ #video { margin: 0px 0px 20px 67px; width: 550px; } /*******************************************************************/ /* PAGE: PRICELIST */ /*******************************************************************/ #page-pricelist {} #page-pricelist .page-layout .column1 { width: 742px; float: left; } #page-pricelist .page-layout .column2 { display: none; } #page-pricelist .page-layout .column3 { width: 251px; float: left; } #page-pricelist .page-layout .column1 .column-content { padding: 0px 15px 0px 23px; } #page-pricelist .page-layout .column3 .column-content { padding: 20px 0px 0px 0px; } #page-pricelist table { width: auto !important; } #page-pricelist td.eur { width: auto; } #page-pricelist td.trek, #page-pricelist th.trek { padding-left: 10px; } #bike-rental-prices { width: auto; border-top: none; margin-top: -22px; } #bike-rental-prices thead th { background-color: #FFFFFF; font-size: 11px; border-top: 0px; } /*******************************************************************/ /* PAGE: ABOUT CITYBIKE PRAGUE */ /*******************************************************************/ #page-about-citybike-prague .button-reserve-your-bike-today span { background-image: url(/img/button-reserve-gold.png); } #page-about-citybike-prague .highlight { background-color: #FFFFF0; } /*******************************************************************/ /* PAGE: CONTACT & RESERVATIONS */ /*******************************************************************/ #page-contact-reservation {} #page-contact-reservation .opening-hours { padding: 0px; border: 3px solid #9CBCD5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #page-contact-reservation .opening-hours strong { display: block; font-size: 16px; margin: 0 auto; text-align: center; border: 1px solid #D7E4ED; padding: 8px 10px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #FFFFFF; background: url(/img/block-bg.png) repeat-x left top; font-weight: normal; } #page-contact-reservation .contacts { font-size: 14px; line-height: 22px; } /*******************************************************************/ /* LINKS */ /*******************************************************************/ .links { list-style-type: none; padding-bottom: 1em; } .links li li { list-style-type: none; } .links a { font-weight: normal; } #page-our-partners-worldwide .page-layout .column1 .column-content { padding-right: 15px; } .prague-vip-partners-links { margin-top: 5px; } .prague-vip-partners-links li { list-style-type: none; display: block; width: 205px; height: 140px; float: left; overflow: hidden; } .prague-vip-partners-links li.friends-double-size { width: 410px; } .prague-vip-partners-links li.friends-tall { height: 280px; } /*******************************************************************/ /* SITEMAP */ /*******************************************************************/ #page-site-map .page-layout .column1 { width: auto; float: none; } #page-site-map .page-layout .column2, #page-site-map .page-layout .column3 { display: none; } #page-site-map #site-map-links { margin-left: 2em; } /*******************************************************************/ /* 404 */ /*******************************************************************/ #page-404 .page-layout .column1 { width: auto; float: none; } #page-404 .page-layout .column2, #page-404 .page-layout .column3 { display: none; } #page-404 #site-map-links { margin-left: 2em; } /*******************************************************************/ /* sIFR */ /*******************************************************************/ /* Copyright: 2006 Mark Wubben. Author: Mark Wubben, */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /*---- Header styling ---*/ .sIFR-active h1, .sIFR-active h2.sifr { visibility: hidden; font-family: Verdana; line-height: 1em; } /* sIFR custom widths corrections */ .sIFR-active #page-homepage #title-wrapper { width: 338px; } .sIFR-active #page-prague-bike-tours #title-wrapper { width: 338px; } .sIFR-active #page-bike-rental #title-wrapper { width: 328px; } .sIFR-active #page-photogallery #title-wrapper { width: 220px; } .sIFR-active #page-our-partners-worldwide #title-wrapper { width: 185px; } .sIFR-active #page-pricelist #title-wrapper { width: 148px; } .sIFR-active #page-contact-reservation #title-wrapper { width: 362px; } .sIFR-active #page-site-map #title-wrapper { width: 150px; } .sIFR-active #page-404 #title-wrapper { width: 360px; } #lang { width: 250px; position: absolute; right: 0; top: 28px; } #lang ul li { float: left; list-style: none; margin-right: 6px; }