/*************************************************** Ess - Sibran Lens Miratours 1. Structure 2. Header 3. Content 4. 5. Footer 6. always include reset.css, it will reset your style for all browers, it includes the clearfix {} typography specs use code behind parent ID or class for example: #content /*!T!*/ /*****************************************************/ /*------------ imports --------------------------------*/ @import url(typography.css); @import url(navigation.css); /*------------ 1. structure --------------------------------*/ body /*!T!*/ {background: url(../img/css_backgrounds/bg-gradient-blue.jpg) repeat-x left top; width: 100%; height:100%;} #container {width: 960px; margin: 0 auto; height:100%; position: relative;} *>#container {min-height:100%; height:auto;} .clear {clear: both;} .right {float: right;} .left {float: left;} .center {text-align:center;} #logo {width: 158px; height: 76px; margin: -5px 0px 0 19px; background:url(../img/general/logo-miratours.gif) no-repeat left top;} #logo a {display: block; width:158px; height:76px; text-indent:-9999px; outline:none;} /*------------ 2. header --------------------------------*/ #header {background: url(../img/css_backgrounds/bg-header-summer2010.jpg) no-repeat left 21px; width: 960px; height: 222px; margin:0px 0 13px 0;} #header h1 {text-indent: -9999px;} /*------------ 3. content --------------------------------*/ #cntWrapper {width:958px; clear: both; background:url(../img/css_backgrounds/bg-bow-general.jpg) no-repeat left 18px; padding:25px 0 0 0; position:relative;} #content ul {margin:4px 0 15px 0} ul.list {padding:0 0 15px 0} ul.list li {list-style-type:circle; list-style-position: outside; margin:0 0 0 15px} div.attention {border:3px solid #ccc; background:#e1e1e1; margin:0 0 10px 0; padding:15px; text-align:center} #overlayer { border:3px solid #C9DEF0; position:absolute; left:205px; top:50px; z-index:10; background:#fff; } #travel-show {float: left; width:515px; height:399px;} #travel-show span {display:none;} #update-room {float: left; display:block; background:url(/img/general/update-zeezichtkamer.jpg); width:522px; height:423px;} #update-room a {float: left; display:block; text-indent:-9999px; width:522px; height:423px; outline:none;} #travelshow2009 {float: left; display:block; background:url(/img/css_backgrounds/bg-travel-show2009.jpg); width:515px; height:399px; position:relative;} #travelshow2009 a {float: left; display:block; text-indent:-9999px; width:515px; height:399px; outline:none;} #travelshow2009 a#email {float: none; display:block; text-indent:-9999px; width:152px; height:17px; outline:none; position:absolute; right:10px; bottom:10px;} table.tablelayout {border:4px solid #e8eef3; width:100%;} table.tablelayout th {text-align:left; padding:5px 4px; background:#E5EFF5;} table.tablelayout td {padding:5px; vertical-align:top} table.tablelayout tr.alt {background:#ebf2f7} table.tablelayout td.small {font-size:11px} #title {margin: -5px 0 0 125px} #content-container {width:690px; float: right; margin:15px 18px 0 0} *>#content-container {margin:13px 36px 0 0} #content-top {width:690px; height:15px; background:url(../img/css_backgrounds/bg-content-top.gif) no-repeat left top;} #content {width:688px; background-color:#f0f7fc; padding:5px 0; border-width: 0px 1px; border-color:#e7eaec; border-style:solid;} #content-bottom {width:690px; height:15px; background:url(../img/css_backgrounds/bg-content-bottom.gif) no-repeat left top; margin:0 0 111px 0} /**>#content-bottom {margin:0}*/ #cntText {width:618px; padding:0 35px; clear: both; padding-top:10px} #cntText p {margin:0 0 15px 0} #cntText h2#ttlSpecials {display: none;} #cntText label {width:170px; float: left; padding:4px 0 0 0} #cntText input {width:160px; border: 1px solid #ccc; height:20px; margin:3px 0 8px 0; padding:1px 2px} #cntText select {width:165px; border: 1px solid #ccc; margin:3px 0 8px 0; padding:1px 2px} #cntText textarea {width:330px; height:124px; border: 1px solid #ccc; padding:1px 2px} #cntText input.submit {width:78px; border:0; margin:8px 0 0 173px} #cntText div.radiobtn {width:300px; float:left; margin:0 0 10px 0; padding:4px 0 0 0} #cntText div.radiobtn label {float:left; font-weight:normal; display:inline; padding:0 25px 0 5px; width:auto;} #cntText div.radiobtn input {float:left; border:none; margin:0 0 -2px 0; padding:0; width:auto; } #cntText ul#ourOffer {margin:0 -20px 0 0 } #cntText ul#ourOffer li {margin:0 20px 5px 0; float: left; display: block; width:105px; height:105px; text-align: center;} #cntText ul#ourOffer li img {border: 1px solid #e7eaec; padding:2px;} #iframe {padding:8px 0 4px 4px; margin:15px 0 0 0} #iframe {background-color:transparent;} img.jetairIco {float: left; clear: both; padding:0 10px 10px 0;} #homeBlockWrapper {margin:0 0 111px 0;} .homeBlocks {float: left; width:313px; margin:34px 54px 0 0;} ul.list-arrow li, .homeBlocks li {background:url(/img/css_backgrounds/bg-li.gif) no-repeat left 5px; padding:0 0 5px 12px} .homeBlocksCnt {background-color:#f0f7fc; padding:17px 20px 12px 16px; margin:0; clear:both;} .homeBlocksCnt p {margin-bottom:8px;} .homeVisitUs {float: right; width:135px; padding:0 0 0 20px; border-left: 1px solid #d5e6f3} h2#block01 {width:313px; height:21px; background:url(../img/titles/ttl-home-search-rest.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#block02 {width:313px; height:21px; background:url(../img/titles/ttl-home-special.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#h2-specials {width:313px; height:21px; background:url(../img/titles/ttl-home-specials.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#block02-winter {width:313px; height:21px; background:url(../img/titles/ttl-home-winter.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#block03 {width:313px; height:21px; background:url(../img/titles/ttl-brochures-zomer08.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#block04 {width:313px; height:21px; background:url(../img/titles/ttl-home-travel-show.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#domino {width:313px; height:21px; background:url(../img/titles/ttl-home-domino.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#jamaica {width:313px; height:21px; background:url(../img/titles/ttl-home-jamaica.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#h2-riuPortugal {width:313px; height:21px; background:url(../img/titles/ttl-home-riuPortugal.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#winter08-09 {width:313px; height:21px; background:url(../img/titles/ttl-home-winter08-09.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#newriu-winter {width:313px; height:21px; background:url(../img/titles/ttl-home-new-riu-winter.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#zomer2009 {width:313px; height:21px; background:url(../img/titles/ttl-home-zomerbrochures2009.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#winter2010 {width:313px; height:21px; background:url(../img/titles/ttl-home-winter2010.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#newdestinations {width:313px; height:21px; background:url(../img/titles/titles-newbestemmingen.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#vip20year {width:313px; height:21px; background:url(../img/titles/ttl-home-vip20year.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#beachcomber {width:313px; height:21px; background:url(../img/titles/ttl-Beachcomber.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#mrKeerbergen {width:313px; height:21px; background:url(../img/titles/ttl-mr-keerbergen.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#galicie {width:313px; height:21px; background:url(../img/titles/ttl-galicie.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#newyork {width:313px; height:21px; background:url(../img/titles/ttl-home-newyork.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#equinox {width:313px; height:21px; background:url(../img/titles/ttl-home-equinox.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#kretaAgatiBeach {width:313px; height:21px; background:url(../img/titles/ttl-home-kretaAgatiBeach.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#winter2011 {width:313px; height:21px; background:url(../img/titles/ttl-home-winter2011.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#summer2012 {width:313px; height:21px; background:url(../img/titles/ttl-home-zomerbrochures2012.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#grancanaria {width:313px; height:21px; background:url(../img/titles/ttl-home-grancanaria.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} h2#cruisefjord {width:313px; height:21px; background:url(../img/titles/ttl-home-cruisefjord.gif) no-repeat left top; padding:0 0 5px 0;text-indent:-9999px} /* subscribe form */ #subscribe {position:absolute; top:30px; left:0; width:180px; height:235px; background: url(/img/css_backgrounds/bg-subscribe.gif) no-repeat left top; padding:10px 0 0 14px;} #subscribe input {width:140px; border: 1px solid #ccc; margin:0px 0 8px 0; padding:1px 2px; font-size:11px; color:#666666} #subscribe input.submit {width:78px; border:0; margin:0; background:#CCC; color:#666;} .office {float:left; width:305px;} #cntText ol {list-style:decimal; margin:0 0 0 35px;} #cntText h4 {font-weight:bold} /*------------ 4. footer --------------------------------*/ #footer { width:100%; background:url(../img/css_backgrounds/bg-footer.jpg) center top no-repeat; margin:0 0 0 0; clear: both; height:111px; position:relative; z-index:1000; } #legacy {padding:45px 0 0 10px;} #unsubscribe {} /*------------ 5. over writig elements body ID -------------------*/ #home #subnavigation ul {display: none;} #home #cntWrapper {padding:12px 0 0 0} /* white backgrounds content */ #TO-jetair #content-top, #TO-thomas-cook #content-top, #TO-best-tours #content-top, #TO-transeurope #content-top, #huurwagens #content-top, #vluchten #content-top, #hotels #content-top {background:url(../img/css_backgrounds/bg-content-top-white.gif) no-repeat left top;} #TO-jetair #content, #TO-thomas-cook #content, #TO-best-tours #content, #TO-transeurope #content , #huurwagens #content, #vluchten #content, #hotels #content {background-color:#fff;} #TO-jetair #content-bottom, #TO-thomas-cook #content-bottom, #TO-best-tours #content-bottom, #TO-transeurope #content-bottom, #huurwagens #content-bottom, #vluchten #content-bottom, #hotels #content-bottom {background:url(../img/css_backgrounds/bg-content-bottom-white.gif) no-repeat left top;} /* book online */ #book-online #cntWrapper {background:url(../img/css_backgrounds/bg-bow-book-online.jpg) no-repeat left 18px;} #book-online #navigation li#nav-book-online a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #book-online #TO-transeurope #subnavigation ul li#subnav-vluchten a {line-height: 2em;} #book-online #subnavigation ul li#subnav-touroperators a, #book-online #subnavigation ul li#subnav-huurwagens a, #book-online #subnavigation ul li#subnav-hotels a, #book-online #subnavigation ul li#subnav-vluchten a {line-height: 2em} /* sub navigation touroperators */ #TO-landing #navigation li#nav-book-online a, #TO-jetair #navigation li#nav-book-online a, #TO-thomas-cook #navigation li#nav-book-online a, #TO-best-tours #navigation li#nav-book-online a, #TO-transeurope #navigation li#nav-book-online a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #TO-landing #subnavigation ul li#subnav-touroperators a, #TO-jetair #subnavigation ul li#subnav-touroperators a, #TO-thomas-cook #subnavigation ul li#subnav-touroperators a, #TO-best-tours #subnavigation ul li#subnav-touroperators a, #TO-transeurope #subnavigation ul li#subnav-touroperators a {border-bottom: 3px solid #ccc;line-height: 2em} #TO-landing #cntWrapper {background:url(../img/css_backgrounds/bg-bow-jetair.jpg) no-repeat left 25px;} #TO-jetair #cntWrapper {background:url(../img/css_backgrounds/bg-bow-jetair.jpg) no-repeat left 25px;} #TO-thomas-cook #cntWrapper {background:url(../img/css_backgrounds/bg-bow-thomas-cook.jpg) no-repeat left 25px;} #TO-best-tours #cntWrapper {background:url(../img/css_backgrounds/bg-bow-best-tours.jpg) no-repeat left 25px;} #TO-transeurope #cntWrapper {background:url(../img/css_backgrounds/bg-bow-transeurope.jpg) no-repeat left 25px;} /* huurwagens */ #huurwagens #cntWrapper {background:url(../img/css_backgrounds/bg-bow-huurwagens.jpg) no-repeat left 25px;} #huurwagens #navigation li#nav-book-online a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #huurwagens #subnavigation ul li#subnav-huurwagens a {border-bottom: 3px solid #ccc;line-height: 2em} /* hotels */ #hotels #cntWrapper {background:url(../img/css_backgrounds/bg-bow-hotels.jpg) no-repeat left 25px;} #hotels #navigation li#nav-book-online a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #hotels #subnavigation ul li#subnav-hotels a {border-bottom: 3px solid #ccc;line-height: 2em} /* vluchten */ #vluchten #cntWrapper {background:url(../img/css_backgrounds/bg-bow-vluchten.jpg) no-repeat left 25px;} #vluchten #navigation li#nav-book-online a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #vluchten #subnavigation ul li#subnav-vluchten a {border-bottom: 3px solid #ccc;line-height: 2em} /* droompagina */ #dreams #cntWrapper {background:url(../img/css_backgrounds/bg-bow-beachcomber.jpg) no-repeat left 25px;} #dreams #navigation li#nav-dreams a {background-image: url(../img/css_backgrounds/bg-navItem-hover-dreams.gif);} #dreams #subnavigation ul {display: none;} #dreams table {margin:-25px 0 0 0; width:610px} #dreams table td {vertical-align:top;} #dreams table tr {border-bottom:2px solid #ccc} #dreams table td h3 {font-weight:bold; margin:0; padding:0 0 15px 0;} #dreams table td p {margin:0; padding:0;} #dreams table td.dreamvisual {padding:25px 0; width:180px;} #dreams table td.dreamcnt {padding:25px 0; width:430px;} /* specials */ #specials #cntWrapper {background:url(../img/css_backgrounds/bg-bow-specials.jpg) no-repeat left 25px;} #specials #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #specials #subnavigation ul {display: none;} #specials #cntText p a {text-decoration:none; color:#333} #specials #cntText h2 a {text-decoration:none; color:#4C6275} /* special - golf */ #special-golf #cntWrapper {background:url(../img/css_backgrounds/bg-bow-golf.jpg) no-repeat left 25px;} #special-golf #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #special-golf #subnavigation ul {display: none;} /* special - lanzarote */ #lanzarote #cntWrapper {background:url(../img/css_backgrounds/bg-bow-lanzarote.jpg) no-repeat left 25px;} #lanzarote #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #lanzarote #subnavigation ul {display: none;} #lanzarote table td {padding:0 10px 0 0} /* special - lanzarote */ #cruise #cntWrapper {background:url(../img/css_backgrounds/bg-bow-cruise.jpg) no-repeat left 25px;} #cruise #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #cruise #subnavigation ul {display: none;} #cruise table td {padding:0 10px 0 0} /* special - lapland */ #lapland #cntWrapper {background:url(../img/css_backgrounds/bg-bow-lapland.jpg) no-repeat left 25px;} #lapland #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #lapland #subnavigation ul {display: none;} #lapland table td {padding:0 10px 0 0} /* special - china */ #chinaSpecial #cntWrapper {background:url(../img/css_backgrounds/bg-bow-china.jpg) no-repeat left 25px;} #chinaSpecial #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #chinaSpecial #subnavigation ul {display: none;} #chinaSpecial table td {padding:0 10px 0 0} /* winter0809 */ #winter0809 #cntWrapper {background:url(../img/css_backgrounds/bg-bow-winter08-09.jpg) no-repeat left 25px;} #winter0809 #subnavigation ul {display: none;} #winter0809 table td {padding:0 10px 0 0} /* special - cyprus */ #cyprus #cntWrapper {background:url(../img/css_backgrounds/bg-bow-cyprus-special.jpg) no-repeat left 25px;} #cyprus #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #cyprus #subnavigation ul {display: none;} #cyprus table td {padding:0 10px 0 0} /* special - portugal */ #portugal #cntWrapper {background:url(../img/css_backgrounds/bg-bow-special-portugal.jpg) no-repeat left 25px;} #portugal #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #portugal #subnavigation ul {display: none;} #portugal table td {padding:0 10px 0 0} /* special - galicie */ #galicie #cntWrapper {background:url(../img/css_backgrounds/bg-bow-galicia.jpg) no-repeat left 18px;} #galicie #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #galicie #subnavigation ul {display: none;} #galicie table td {padding:0 10px 0 0} /* special - galicie */ #kretaAgatiBeach #cntWrapper {background:url(../img/css_backgrounds/bg-bow-kretaAgatiBeach.jpg) no-repeat left 18px;} #kretaAgatiBeach #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #kretaAgatiBeach #subnavigation ul {display: none;} /* special - gran canaria */ #grancanaria #cntWrapper {background:url(../img/css_backgrounds/bg-bow-grancanaria.jpg) no-repeat left 18px;} #grancanaria #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #grancanaria #subnavigation ul {display: none;} /* special - gran canaria */ #puglia #cntWrapper {background:url(../img/css_backgrounds/bg-bow-puglia.jpg) no-repeat left 18px;} #puglia #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #puglia #subnavigation ul {display: none;} /* special - new york */ #newyork #cntWrapper {background:url(../img/css_backgrounds/bg-bow-newyork.jpg) no-repeat left 18px;} #newyork #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #newyork #subnavigation ul {display: none;} #newyork table td {padding:0 10px 0 0} #newyork table#program h4 {clear:none;} #newyork table#program td {vertical-align:top} /* special - cruiseEquinox */ #cruiseEquinox #cntWrapper {background:url(../img/css_backgrounds/bg-bow-cruises.jpg) no-repeat left 25px;} #cruiseEquinox #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #cruiseEquinox #subnavigation ul {display: none;} /* special - turkije */ #turkije #cntWrapper {background:url(../img/css_backgrounds/bg-bow-reading.jpg) no-repeat left 25px;} #turkije #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #turkije #subnavigation ul {display: none;} /* special - costa del sol */ #costadelsol #cntWrapper {background:url(../img/css_backgrounds/bg-bow-reading.jpg) no-repeat left 25px;} #costadelsol #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #costadelsol #subnavigation ul {display: none;} /* special - lourdes */ #lourdes #cntWrapper {background:url(../img/css_backgrounds/bg-bow-lourdes.jpg) no-repeat left 25px;} #lourdes #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #lourdes #subnavigation ul {display: none;} /* special - peru */ #peru #cntWrapper {background:url(../img/css_backgrounds/bg-bow-peru.jpg) no-repeat left 25px;} #peru #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #peru #subnavigation ul {display: none;} /* winter */ #winter #cntWrapper {background:url(../img/css_backgrounds/bg-bow-winter.jpg) no-repeat left 25px;} #winter #navigation li#nav-winter a {background-image: url(../img/css_backgrounds/bg-navItem-hover-winter.gif);} #winter #subnavigation ul {display: none;} /* ons-aanbod */ #ons-aanbod #cntWrapper {background:url(../img/css_backgrounds/bg-bow-ons-aanbod.jpg) no-repeat left 25px;} #ons-aanbod #navigation li#nav-ons-aanbod a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #ons-aanbod #subnavigation ul {display: none;} /* contact */ #contact #cntWrapper {background:url(../img/css_backgrounds/bg-bow-contact.jpg) no-repeat left 25px;} #contact #navigation li#nav-contact a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #contact #subnavigation ul {display: none;} /* Mira Tours */ #miratours #cntWrapper {background:url(../img/css_backgrounds/bg-bow-miratours.jpg) no-repeat left 25px;} #miratours #navigation li#nav-mira-tours a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #miratours #subnavigation ul {display: none;} /* Actie mailing */ #action #cntWrapper {background:url(../img/css_backgrounds/bg-bow-action.jpg) no-repeat left 25px;} #action #navigation li#nav-actions a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #action #subnavigation ul {display: none;} /* cruises */ #cruises #cntWrapper {background:url(../img/css_backgrounds/bg-bow-cruises.jpg) no-repeat left 25px;} #cruises #navigation li#nav-cruises a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #cruises #subnavigation ul {display: none;} /* cruises */ #beachcomber #cntWrapper {background:url(../img/css_backgrounds/bg-bow-beachcomber.jpg) no-repeat left 25px;} #beachcomber #subnavigation ul {display: none;}