/*************************************************** 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;} #logo {width: 158px; height: 55px; margin: -5px 0px 0 19px; background:url(../img/general/logo-miratours.gif) no-repeat left top;} #logo a {display: block; width:158px; height:55px;} /*------------ 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:10px 0 0 0; position:relative;} ul.list {padding:0 0 15px 0} ul.list li {list-style-type:circle; list-style-position: outside; margin:0 0 0 15px} #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;} #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:2px 0 0 0} #cntText input {width:160px; border: 1px solid #ccc; 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 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} /* 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;} /*------------ 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;} /* 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 18px;} #TO-jetair #cntWrapper {background:url(../img/css_backgrounds/bg-bow-jetair.jpg) no-repeat left 18px;} #TO-thomas-cook #cntWrapper {background:url(../img/css_backgrounds/bg-bow-thomas-cook.jpg) no-repeat left 18px;} #TO-best-tours #cntWrapper {background:url(../img/css_backgrounds/bg-bow-best-tours.jpg) no-repeat left 18px;} #TO-transeurope #cntWrapper {background:url(../img/css_backgrounds/bg-bow-transeurope.jpg) no-repeat left 18px;} /* huurwagens */ #huurwagens #cntWrapper {background:url(../img/css_backgrounds/bg-bow-huurwagens.jpg) no-repeat left 18px;} #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 18px;} #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 18px;} #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} /* specials */ #specials #cntWrapper {background:url(../img/css_backgrounds/bg-bow-specials.jpg) no-repeat left 18px;} #specials #navigation li#nav-specials a {background-image: url(../img/css_backgrounds/bg-navItem-hover.gif);} #specials #subnavigation ul {display: none;} /* special - golf */ #special-golf #cntWrapper {background:url(../img/css_backgrounds/bg-bow-golf.jpg) no-repeat left 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #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} /* winter */ #winter #cntWrapper {background:url(../img/css_backgrounds/bg-bow-winter.jpg) no-repeat left 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #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 18px;} #beachcomber #subnavigation ul {display: none;}