/* The great WTG recode. CSS layout created by Col. */ /* Colours:> #009AFE; for light, or #03406D; for darker */ /* ----- Generic stying ----- */ html { height: 100%; margin-bottom: 1px; margin-left: 0px; } body { margin: 0px; padding: 0px; background: #DCDCDC; font-family: Arial,Verdana,Helvetica,sans-serif!important; font-size: 13px; } /* body { margin: 0px; padding: 0px; background: url(/images/wallpapers/club-med-traveller.jpg) #DCDCDC; font-family: Arial,Verdana,Helvetica,sans-serif!important; font-size: 13px; } */ a:focus, object:focus { outline-style:none; } /* Goodbye pesky focus rectangle */ a:link, a:visited { color:#056AB6; text-decoration: none;} /* lighter (new): #056AB6 / darker (old):#03406D */ h1, h2, .corbel, .rockwell { margin: 0px; padding: 0px; } .h1_headings { color:#009AFE; font-family:Trebuchet MS,sans-serif; font-size:1.6em !important; line-height:1.4em; } h2 a.none { font-family: Trebuchet MS, sans-serif; font-size: .9em !important; color: #03406D; /*font-style: italic;*/ line-height: 1.4em; } h3 { font-size: 14px; padding: 0px; margin: 15px 0px 5px 0px; } h4 { font-size: 11px; padding: 0px; margin: 7px 0px 0px 0px; } .caption{ font-size: 10px; color: #666666; } .globalCopyright { margin:15px 0; font-size: 10px; color: #666666; line-height:1.2em; } .abbr-wrapper abbr {border-bottom: medium none;} /* ----- Next / Previous Buttons ----- */ .next-prev-holder{ clear: both; margin-top: 10px; } div.next-prev-holder .next-box{ background: #e6f3ff url(/images/new/next-button-mask.gif) top right no-repeat; text-align: left; float: left; } div.next-prev-holder .next-box a{ display: block; padding: 5px 20px 5px 10px; } div.next-prev-holder .next-box a:hover{ background: #cce6ff url(/images/new/next-button-mask.gif) top right no-repeat; padding: 5px 20px 5px 10px; } div.next-prev-holder .spacer-bar{ float: left; margin: 5px 10px 0 10px; color: #CCCCCC; } div.next-prev-holder .previous-box{ background: #e6f3ff url(/images/new/previous-button-mask.gif) top left no-repeat; text-align: right; float: left; } div.next-prev-holder .previous-box a{ display: block; padding: 5px 10px 5px 20px; } div.next-prev-holder .previous-box a:hover{ background: #cce6ff url(/images/new/previous-button-mask.gif) top left no-repeat; padding: 5px 10px 5px 20px; } /* / */ #competitionClosingDate{ background: #EEEEEE; padding: 5px; margin-top: 5px; border: 1px solid #AAAAAA; } table.boxeslight{ float: left; width: 260px; } /* ----- Print Buttons ----- */ #buttons{ background: url(/images/new/printButton-grey.gif) no-repeat left; height: 26px; float: right; font-weight: bold; /* font-size: 15px; */ } #buttons a:link { display: block; padding: 4px 0 4px 25px; color: #009AFE; float: left; } /* / */ /* Competitions */ .competition-holder{ width:98%; margin-bottom: 10px; padding: 5px; border: 1px dotted #00529B; } .competitionpage a:link, .competitionpage a:visited{ font-weight: bold; } .competitionpage a:hover, .competitionpage a:active{ font-weight: bold; text-decoration: underline; } div.competition-holder h3{ margin: 0px; padding: 0px; } div.competition-holder p{ margin: 5px 0; padding: 0px; } div.image-holder img{ margin: 0 0 5px 10px; padding: 0px; clear: right; } div.image-holder{ float:right; clear: none; margin: 0px; padding: 0px; width: 220px; } div.snapshot-left { float: left; margin: 10px 5px 5px 0; } div.snapshot-right { float: right; margin: 10px 0 5px 5px; } .warningbox{ background-color: #FFCCCC; border: 1px solid #FF0000; text-align: right; } .competitionForm{ width:630px; background-color: #F0F0F0; border: 1px solid #999999; padding: 5px; } .disclaimerBox{ background:#FFFFCC; border: 2px solid #F00; width: 408px; padding: 5px; } .disclaimerBox a:link, .disclaimerBox a:visited { color:#00529B!important; text-decoration: underline!important; } .disclaimerBox a:hover, .disclaimerBox a:active { color:#009AFE!important; text-decoration: underline!important; } /* / */ /* Generic typography */ .bolder { font-weight: bolder; } .paragraph{ line-height: 1.4em; margin-bottom:8px; margin-top:3px;} .tightparagraph{ line-height: 1.4em; margin:3px 5px 5px 5px ;} div.paragraph br{ margin-bottom: 5px; } p.features_layout_wrapper, #main_with_left{ line-height: 1.4em; } #main_with_left h3 img{ margin-right: 5px; } #main_with_left h3{ clear:left; } /* / */ /* ----- Airport Zoomable Maps ----- */ div#airport_map { position: relative; } div#airportZoom { position: absolute; bottom: 15px; right: 10px; z-index: 999; } /* / */ /* ----- gold stars ----- */ .halfStar, .Star0_5 { background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 5px; height:14px; float: right; } .oneStar, .Star1_0{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 10px; height:14px; float: right; } .onehalfStar, .Star1_5{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 15px; height:14px; float: right; } .twoStar, .Star2_0{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 20px; height:14px; float: right; } .twohalfStar, .Star2_5{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 25px; height:14px; float: right; } .threeStar, .Star3_0{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 30px; height:14px; float: right; } .threehalfStar, .Star3_5{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 35px; height:14px; float: right; } .fourStar, .Star4_0{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 40px; height:14px; float: right; } .fourhalfStar, .Star4_5{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 45px; height:14px; float: right; } .fiveStar, .Star5_0{ background: url(/images/stars/singleGold.gif) repeat-x bottom left; width: 50px; height:14px; float: right; } #extrasWidget { margin: 0 10px 0 5px; width: 290px; margin-bottom: 10px!important; border: none; background-color:#FFFFFF; padding:5px; } #extrasWidgetNoMargin{ width: 160px; padding: 5px; border: 1px dotted #CCC; background-color: #FEFEFE; } div#RoomFields{ clear:left; } .extrasWidgetName { float: left; width: 160px; } .extrasWidgetName a:link, .extrasWidgetName a:visited{ display: block; font-weight: bold; } .extrasWidgetName a:hover, .extrasWidgetName a:active{ text-decoration: underline; } .extrasWidgetFrom { width: 160px; float:left; } .extrasWidgetArea { border-bottom:1px dotted #999999; margin-bottom: 5px; clear:both; } .hotelImage{ width: 60px; background: #03406d; margin: 0 10px 5px 0; float: left; color: #FFF; text-align: center; font-size: 9px; } /* / */ /* Tourist Board Boxouts*/ .touristboard-wrapper{ width: 435px; padding: 5px; margin-top: 30px; background-color: #CCDDFF; border: 1px solid #AAAAAA; } .touristboard-address-wrapper{ float: left; width: 125px; padding-right: 5px; margin-right: 5px; border-right: 1px dotted #666666; } .touristboard-address{ float: left; padding: 5px 5px 0 0; } .touristboard-address p { margin: 0 0 5px 0; padding: 0px; line-height: 1em; } .touristboard-description-wrapper{ float: left; width: 295px; line-height: 1.2em; } .touristboard-heading { font-weight: bold; } .touristboard-description { margin-top: 0px; padding-top: 0px; } .touristboard-logo{ float: right; margin: 0 0 5px 5px; } .touristboard-logo-left{ float: left; margin: 0 5px 5px 0; } /* / */ /* ----- Layout ----- */ #main_container{ width:974px; /* 994 inc padding */ margin: 0px auto; padding:5px; background-color: #FFFFFF; /*position:relative;*/ } #branding_holder{ width: 974px; background-color: #FFFFFF; } #branding{ height:90px; float: left; margin-left: 15px; } .advertising_top{ width:850px; height:90px; float: right; margin-bottom: 5px; text-align: center; } .top_banner{ margin:0px; padding:0px; min-height: 90px; text-align: center; } .top_leaderboard{ height: 90px; margin:0px; padding:0px; text-align: center; } .top_Ad_Holder, .bottom_Ad_Holder{ margin: 0px auto; } .google_mpu{ margin: 5px 0px 5px 5px; } .adtech_mpu{ margin: 5px; clear: left; } div.inline table tbody{ margin: 0px; padding: 0px; width: 290px; } /* Aiieee! What is this from (html.css) as I'm having to hack it to make it align! */ /* #crumbtrail{ width:50px; padding: 5px 5px 5px 7px; float:left; } - Currently unused but still being placeheld */ #mainholder{ } .borderbottom{ margin-bottom: 5px; } div.back h3.inline{ font-size: 13px; } div.backtotop h3.inline{ font-size: 13px; float:right; } .image_boxout{ float: right; margin-left: 10px; margin-bottom: 5px; padding: 5px; } #flags{ width: 128px; padding-left: 10px; float: right; } .travel_essentials_bar_thumbs{ margin-right: 3px; } .travel_essentials_bar_heading{ padding: 0px 0px 5px 0px; margin: 0px; } /* ----- Travel partners ----- */ #travel_partners{ width: 290px; margin: 5px 5px 0px 5px; padding: 5px; background-color: #FFFFFF; } #travel_partners h2{ font-size: 30px; font-style: italic; } #travel_partners_holder{ } /* just a container */ div#travel_partners_holder div#column_left{ width: 140px; float: left; padding: 0px; clear:left; } div#travel_partners_holder div#column_right{ width: 140px; float: right; padding: 0px; } .left_button,.right_button { width: 128px; min-height: 124px; border: 1px solid #CCCCCC; margin: 10px 0px 0px 0px; padding: 5px; } /* ----- NEW Travel Partners ----- */ .travel_partner { clear:both!important; } .travel_partner h3{ float:left; font-size:12px; font-weight:bold; margin:0 0 2px 0; overflow:hidden; color:#000; text-decoration:none; } .travel_partner h3:hover{ text-decoration:underline; } .travel_partner p{ float:right; font-size:10px; font-family:verdana,sans-serif; margin:5px 0 10px 0; color: #000; } /* / */ .frontpageTopGuides{ border:1px dotted #CCCCCC; float:left; margin:0 4px 7px 3px; padding:5px 5px 0; width:300px; } .topguides-break{ padding-top: 10px; clear: left; } #opening-passage{ width: 589px; margin: 10px auto 0 auto; } .new-travel-partners { width: 120px; min-height: 124px; /*background : url(/images/new/travelPartnersFade.gif) bottom repeat-x #EFEFEF;*/ margin: 0px; padding: 0 0 8px 0; } .new-travel-partners p { margin: 1px 0 0 0; font-size: 11px; } .new-travel-partners img { } a.button_heading{ font-weight: bold; text-transform: uppercase; clear: both; font-size: 11px; margin-top:4px; } div#travel_partners_holder p { padding: 0px; margin: 0px; } div#travel_partners_holder .button_heading img { margin: 0px 0px 4px 0px; } /* / */ #flashmap_holder{ width: 972px; /*border-top: 1px dashed #999999; border-right: 1px dashed #999999; border-left: 1px dashed #999999;*/ margin: 0px 0px 5px 1px; } .full_column{ width: 972px; } .left_column{ width:167px; padding: 0px; float:left; margin:0px 10px 10px 0px; font-size: 13px; } .left_column a { color: #6A6A6A; } .right_column{ width:310px; float:right; font-size: 11px; margin:0px 0px 10px 10px; clear: right; background-color: #F0F0F0; padding-bottom: 5px; } .right_column{ width:310px; float:right; font-size: 11px; margin:0px 0px 10px 10px; clear: right; background-color: #F0F0F0; } .rightskies{ clear: left; margin: 5px 0 10px 0; } .right_list{ margin: 0px 0px 10px 5px; width: 289px; border: 1px solid #CCCCCC; padding: 5px; background-color: #FFFFFF; } .right_list h3{ margin: 0px } #left_wrapper{ /*width: 654px;*/ float:left; margin: 0px; }/* Experimental SEO benefit layout*/ div#main_no_left ul ul { padding: 0 0 10px 15px; margin: 0px; list-style-type: disc; } #main_no_left{ width: 644px; float:left; margin-left: 10px; } #main_no_left_front{ width: 644px; float:left; margin-left: 0px; } /* Frontpages are slightly different, and require no extra white space to the left, as internal pages do. */ #main_with_left{ width: 468px; float: left; } .inline{ margin: 0px 5px; } /* ----- Micromap ----- */ #micromap_holder{ clear: both; width: 964px; margin: 5px 0px 0px 0px; font-size: 13px; padding: 5px; border-top: 1px solid #DDDDDD; background: url(/images/new/css-sprites.gif) repeat-x 0 0 #274d84; overflow: hidden; background-position: 0px -3801px;} #micromap_background{ display: block; } #micromap_quicklinks { margin-left: 6px; font-weight: bold; } h1.quick_links_indent{ margin-left: 4px; } .left_padded{ padding-left: 0px; } #micromap_holder ul#quick-links ul, #micromap_holder ul#quick-links{ margin: 0px; padding: 0px; } #micromap_holder ul#quick-links ul a:link ,#micromap_holder ul#quick-links ul a:visited{ color: #FFFFFF; } #micromap_holder ul#quick-links li.title a{ color: #FFFFFF; } #micromap_holder ul#quick-links li{ width: 233px; float: left; margin: 0px 4px; } #micromap_holder ul#quick-links li.title{ width: 310px; list-style: none; display: inline; background: none; font-style: italic; font-size: 13px; padding-bottom: 2px; color: #FFFFFF; font-weight: bold; } #micromap_holder ul#quick-links li.title span{ margin-left: 4px; } #micromap_holder ul#quick-links li.title div{ padding: 3px; margin-bottom: 0px; border-bottom: 1px solid #03406D; /* or #03406D; for darker */ } #micromap_holder ul#quick-links li.title ul { margin: 0px; padding: 0px; } #micromap_holder ul#quick-links li.title ul li{ list-style: none; background: url(/images/new/newsBulletLight.gif) 0px 4px no-repeat; border-bottom: 1px dotted #347db4; padding-left: 15px; font-style: normal; font-weight: normal; width: 212px; } #micromap_holder ul#quick-links li.title ul a{ display: block; padding: 2px 0px; } #micromap_holder ul#quick-links li.title ul a:hover{ background-color: #2375B1; } #micromap_holder ul#quick-links li.title-wide a{ color: #FFFFFF; } #micromap_holder ul#quick-links li.title-wide{ width: 313px; list-style: none; display: inline; background: none; font-style: italic; font-size: 13px; padding-bottom: 2px; color: #FFFFFF; font-weight: bold; } #micromap_holder ul#quick-links li.title-wide span{ margin-left: 4px; } #micromap_holder ul#quick-links li.title-wide div{ padding: 3px; margin-bottom: 0px; border-bottom: 1px solid #03406D; /* or #03406D; for darker */ } #micromap_holder ul#quick-links li.title-wide ul { margin: 0px; padding: 0px; } #micromap_holder ul#quick-links li.title-wide ul li{ list-style: none; background: url(/images/new/newsBulletLight.gif) 0px 5px no-repeat; border-bottom: 1px dotted #347db4; padding-left: 15px; font-style: normal; font-weight: normal; width: 292px; } #micromap_holder ul#quick-links li.title-wide ul a{ display: block; padding: 2px 0px; } #micromap_holder ul#quick-links li.title-wide ul a:hover{ background-color: #2375B1; } #micromap_holder div.quicklinks-social{ margin-bottom: 15px; } #micromap_holder div.quicklinks-social a:link, #micromap_holder div.quicklinks-social a:visited{ color: #FFFFFF; text-decoration: none; } #micromap_holder div.quicklinks-social a:hover, #micromap_holder div.quicklinks-social a:active{ color: #66C2FE; text-decoration: underline; } /* / */ #basenav_holder{ clear: both; width: 974px; height: 58px; margin-top: 5px; /* background: url(/images/new/ABTAlogo.gif) no-repeat #FFFFFF; */ font-size: 13px; padding: 0px; } #base_nav_top{ border-top: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 5px; margin: 0px; } #base_nav_top a{ padding: 0px 5px; } #base_nav_top span b{ margin-left: 4px; } #base_nav_bottom{ border-top: 1px solid #DDDDDD; background-color: #F6F6F6; padding: 5px 10px 5px 5px; margin-top: 0px; } #base_nav_bottom a{ padding: 0px 5px; } #copyright_holder{ /* float: right; clear: both; width: 868px; */ margin-top: 5px; background-color: #FFFFFF; font-size: 13px; padding: 0px; } div#copyright_holder div.copyright{ width: 500px; float: left; clear: left; margin-top: 18px; } div#copyright_holder div.details{ float: left; text-align: right; clear: right; } div#copyright_holder div.details-holder{ clear: left; } div#basenav_holder div#extra-footer-nav { margin: 5px 0px 0px 10px; } div#basenav_holder span { font-size: 11px; text-align: left; } div#basenav_holder div { font-size: 11px; text-align: left; margin: 0px; } img.featuresbordermarginleft{ margin: 10px 10px 0 0; } img.featuresbordermarginright{ margin: 10px 0 0 10px; } /* / */ /* ----- Clock ----- */ select#cities.form{ width: 468px; } div.clockdisplay{ padding: 5px; background-color: #EFEFEF; border: 1px solid #CCCCCC; } div.clockdisplay b { font-weight: bold; color:#03406D ; } div.selectedclock {font-size: 15px;} div#selectedClockDST {float:right; width: 45%; clear: both;} /* / */ /* ----- Minimap ----- */ #minimap_holder{ margin:20px 0px 10px 0px; clear: left; display: none;} /* / */ /* ----- Travel centre ----- */ #travel_centre{ width: 290px; margin:0px 5px 0px 5px; padding: 5px; background-color: #FFFFFF; clear: left; } .heading_underline{ width: 290px; /* border-bottom: 1px solid #03406D; */ } .heading_underline h2.dark{ margin:0px; padding: 0px; } ul.lists_tight_left { margin: 5px 0px 0px 0px; padding: 0px; width: 138px; float: left; } ul.lists_tight_right { margin: 5px 0px 0px 0px; padding: 0px; width: 138px; float: right; } ul.lists_tight_left li, ul.lists_tight_right li { list-style: none; margin: 0px; padding: 0px 0px 0px 0px; background: url(/images/new/newsBullet.gif) no-repeat 5px 4px; border-bottom: 1px dotted #DDDDDD; display: block; } ul.lists_tight_left li a, ul.lists_left li a:link, ul.lists_left li a:visited, ul.lists_tight_right li a, ul.lists_right li a:link, ul.lists_right li a:visited { color:#03406D; width: 118px; display: block; margin-left: 20px; padding: 2px 0px; } ul.lists_tight_left li a:hover, ul.lists_tight_left li a:active, ul.lists_tight_right li a:hover, ul.lists_tight_right li a:active { color:#03406D; text-decoration: underline; width: 118px; margin-left: 20px; padding: 2px 0px; display: block; background-color: #F5FAFD; } /* / */ /* ----- Events section ----- */ .event{ width: 314px; clear: both; padding-bottom: 5px; } div.event img.eventsborder{ margin: 0px 5px 5px 5px; clear: right; } div.event a { font-size: 13px; font-weight: bold; } div.event p { padding: 0px; margin: 0px; } div.event span { padding: 0px; margin: 0px; clear:both; } #event_1{ width: 314px; clear: both; border-bottom: 1px dotted #CCCCCC; padding-bottom: 5px; } div#event_1 img.eventsborder{ margin: 0px 10px 5px 0px; clear: right; } div#event_1 a { font-size: 13px; font-weight: bold; } #event_1 p { padding: 0px; margin: 0px; } #event_2{ width: 148px; float: left; margin-top: 10px; border-right: 1px dotted #CCCCCC; padding-right: 5px; } div#event_2 img.eventsborder{ margin: 0px 10px 5px 0px; clear: right;} div#event_2 a { font-size: 13px; font-weight: bold; } #event_2 p { padding: 0px; margin: 0px; clear: left; } #event_3{ width: 148px; float: right; margin-top: 10px; } div#event_3 img.eventsborder{ margin: 0px 10px 5px 0px; clear: right; } div#event_3 a { font-size: 13px; font-weight: bold; } #event_3 p { padding: 0px; margin: 0px; clear: left; } #events_more{ padding-top: 10px; clear: both; } div#events_more a { font-size: 13px; font-weight: bold; } .small_date{ font-size: 9px; margin: 5px 0px; padding: 0px; color: #666666; } #events_topper { height: 5px; background: url(/images/new/eventsGreen.gif) repeat-x #FFFFFF; } img.eventsbordermargin{ margin: 3px 10px 0px 0px; } /* / */ /* ----- Homepage features layout ----- */ .map_text{ clear:left; } #leftColumnHomepage{ width: 327px; float: left; } #rightColumnHomepage{ width: 327px; float: right; } div#features_layout_wrapper{ width: 658px; } div#features_layout_wrapper2{ width: 658px; margin-left:-5px; } div#features_layout_wrapper div#left{ float:left; width: 280px; } div#features_layout_wrapper div#right{ float:right; /*width: 306px;*/ } div.frontpage{ width: 310px; /*min-height: 300px;*/ float: left; padding: 5px 5px 15px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; } /* NORMAL DOTTED */ div.frontpage-nomin{ width: 310px; float: left; clear: left; padding: 5px 5px 15px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; } div.frontpage-nomin img { /*margin: 0 0 0 5px;*/ } div.innerpage{ width: 310px; min-height: 300px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 0px 3px; } div.frontpage_slim{ width: 450px; float: left; padding: 0px; /*border: 1px dotted #CCCCCC;*/ margin: 15px 4px 7px 0px; clear:left; } div.frontpage_slim a.travelessential{ float: left;} div.frontpage_wide{ width: 641px; float: left; padding: 0px; /*border: 1px dotted #CCCCCC;*/ margin: 0px 4px 7px 0px; clear:left; } div.frontpage_specialfeature{ width: 641px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 0px; clear:both; } div.frontpage_wide_front ul, div.frontpage_wide ul{ list-style: none; margin: 0px; padding: 0px;} div.frontpage_wide_front ul li, div.frontpage_wide ul li{ float: left;} div.frontpage_wide_front{ width: 653px; min-height: 75px; float: left; padding: 0px; /*border: 1px dotted #CCCCCC;*/ margin: 0px 4px 7px 3px; clear:both; } div.news_column{ width: 310px; min-height: 250px; float: left; clear: left; padding: 15px 5px 5px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; background: url(/images/new/newsBlue.gif) repeat-x #FFFFFF; position: relative; } div.news_column{ width: 310px; min-height: 250px; float: right; clear: right; padding: 15px 5px 5px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; background: url(/images/new/newsBlue.gif) repeat-x #FFFFFF; position: relative; } .more_news{ float: right; font-weight: bold; } div.events_column{ width: 310px; min-height: 350px; float: left; clear:left; padding: 15px 5px 5px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; background: url(/images/new/eventsGreen.gif) repeat-x #FFFFFF; } div.events_column p { /* margin: 5px 0; */ } div.events_column p a:link, div.events_column p a:visited { font-weight: bold; } div.events_column p a:hover, div.events_column p a:active { text-decoration: underline; } div.events_column span { margin: 0 5px 10px 0; } #features_layout_wrapper a:link, #features_layout_wrapper a:link { } #features_layout_wrapper a:hover, #features_layout_wrapper a:active, div.frontpage_specialfeature span a:hover, div.frontpage_specialfeature span a:active { text-decoration: underline; } .mainfeaturebox { width:653px; height:330px; margin: 0 0 10px 3px; position: relative; } .mainfeaturebox .infopanel { width: 633px; border-top: 1px solid #FFF; padding: 10px; background:#000; opacity:0.8; filter: alpha(opacity=80); position:absolute; bottom: 0px; left: 0px; } .mainfeaturebox .infopanel p.standfirst{ font-size: 14px; color: #FFF; margin: 5px 0 0 0; } .mainfeaturebox .infopanel a:link, .mainfeaturebox .infopanel a:visited { font-size: 16px; font-weight: bold; color: #48B6FF;} .mainfeaturebox .infopanel a:hover, .mainfeaturebox .infopanel a:active { font-size: 16px; font-weight: bold; color: #48B6FF; text-decoration: underline;} /* JUST BARS */ .pinkBG{ background: url(/images/new/pinkBG.gif) repeat-x top left #FFFFFF; padding-top:15px!important; } .orangeBG{ background: url(/images/new/orangeBG.gif) repeat-x top left #FFFFFF; padding-top:15px!important; } /* BARS WITH ICONS */ .pinkBGReview{ background: url(/images/new/iconLeftPinkReview.gif) repeat-x top left #FFFFFF; padding-top:30px!important; } .orangeBGReview{ background: url(/images/new/iconLeftOrangeReview.gif) repeat-x top left #FFFFFF; padding-top:30px!important; } div.events_column img{ clear: right; } div.events_column span{ float: right; } div.full{ width: 645px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; } div.full_with_left{ width: 468px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; } div.full_with_left h3{ margin: 0 0 10px 0; padding: 0px; } div.full_with_left img{ margin: 0 0 0 10px; } div.nomin{ width: 200px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; } .largerh4{ font-size: 14px; } div.nomin-wrap{ width: 212px; margin: 0px 7px 0px 0px; padding: 0px; float: left; } div.nomin-top{ width: 200px; float: left; padding: 5px; border-left: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; margin-bottom: 0px; margin-right: 7px; min-height:110px; } div.nomin-bottom{ width: 200px; float: left; padding: 5px; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; } div.nomin img { margin: 0px 0px 0px 5px; } .floatright{ float: right !important; } .floatleft{ float: left !important; } div.associated{ width: 310px; margin: 8px 0px -5px -5px; padding: 8px 5px; border-top: 1px dotted #EEEEEE; } div.left_events{ width: 314px; min-height: 350px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 10px 0px 7px 0px; background: url(/images/new/eventsGreen.gif) repeat-x #FFFFFF; } div.right_news{ width: 314px; min-height: 350px; float: right; padding: 5px; border: 1px dotted #CCCCCC; margin: 10px 0px 7px 0px; } div.bordertopbottomlight h3{ font-size: 13px; margin-left: 21px; } ul.lists{ margin: 0px; padding: 0px; } ul.lists li { list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(/images/new/newsBullet.gif) no-repeat 5px 3px; } ul.lists li a, ul.lists li a:link, ul.lists li a:visited { color:#03406D; } ul.lists li a:hover, ul.lists li a:active { color:#03406D; text-decoration: underline; } div#main_no_left a { color:#03406D; } ul.lists-indented { margin: 0px; padding: 0px 0px 0px 25px; } ul.lists-indented li { list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(/images/new/newsBullet.gif) no-repeat 5px 3px; } ul.lists-indented li a, ul.lists li a:link, ul.lists li a:visited { color:#056AB6; } ul.lists-indented li a:hover, ul.lists li a:active { color:#056AB6; text-decoration: underline; } .bigimage { width: 309px; height: 150px; margin: 0px 0px 10px 1px; clear: both; float: left; } .bigimageFeature { width: 309px; height: 150px; margin: 0px 0px 0px 1px; clear: both; float: left; } div.frontpage_wide img.bigimage{ clear: both; float:right; } div.frontpage_specialfeature img.bigimage{ clear: both; float:right; } .larger_overview{ width: 300px; float: left; clear: both; font-size: 14px; line-height: 135%; /*font-weight: bold;*/ color: #333333; } .larger_overview_nonfixed{ /* width: 300px; clear: both; */ float: left; font-size: 14px; line-height: 135%; /*font-weight: bold;*/ color: #333333; } .larger_overview_narrow{ font-size: 14px; line-height: 135%; /*font-weight: bold;*/ color: #333333; } .featureSponsorLabel{ clear: right; margin: 0px 0px 5px 10px; float: right; color: #666; font-size: 11px; text-align: center; } .sponsorLabel{ margin: 10px 0px -5px 10px; float: right; color: #666; font-size: 11px; text-align: center; } .sponsorLabelNoTop{ margin: 0px 0px 0px 10px; float: right; color: #666; font-size: 11px; text-align: center; } div.sponsor-image{ width: 310px; float: right; margin: 10px 0 10px 10px; clear: none;} /* / */ /* ----- German webshop legacy styles ----- */ .mapcapsule {border-top: 10px solid #8196b3; border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px;} .plaincapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px;} .videocapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 15px;} .greycapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px; background-color: #e1e1e1;} .leaderbordertop {border-top: 1px solid #707070;} .leaderborderleft {border-left: 1px solid #707070;} .leaderborderright {border-right: 1px solid #707070;} .leaderborderbottom {border-bottom: 1px solid #707070;} .leaderborderrightleft {border-right: 1px solid; border-color : #707070; border-left: 1px solid; border-color : #707070;} h3.tablehead {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; margin-bottom: 4px; margin-top: 2px; color: #0000CC; display: inline;} .borderbottom {border-bottom: 1px solid #4f4f4f;} .bordertopbottom {border-top: 1px solid; border-color : #4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;} .borderleftbottom {border-left: 1px solid; border-color : #4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;} .borderlefttop {border-left: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#4f4f4f;} .borderleftright {border-right: 1px solid; border-color : #4f4f4f; border-left: 1px solid; border-color :#4f4f4f;} .borderrightlefttop {border-right: 1px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f; border-left: 1px solid; border-color : #4f4f4f;} .borderrighttopthick {border-right: 3px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f;} .borderrighttop {border-right: 1px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f;} .borderrightbottom {border-right: 1px solid; border-color :#4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;} .borderrightleftbottom {border-right: 1px solid; border-color : #4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f; border-left: 1px solid; border-color : #4f4f4f;} .borderleft {border-left: 1px solid #4f4f4f;} .borderright {border-right: 1px solid #4f4f4f;} .bordertop, td.bordertop {border-top: 1px solid #4f4f4f;} .webshoptitleback {background-color: #ffffff; padding: 1px 1px 1px 10px; border-top: 1px solid #4f4f4f;} h1.webshop {color: #0000CC;} .wslefttbcell {border-left: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;} .wsrighttbcell {border-right: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;} .wscentertbcell {border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;} .videostitleback {background-color: #ffffff; padding: 1px 1px 1px 10px;} h1.videos {color: #0000CC;} img.productpadding {margin: 0px 10px 10px 0px;} /* / */ /* ----- Search ----- */ #searchbox{ float:left; margin: 6px 0px 10px 5px; margin-bottom: 10px!important; width:300px; padding: 0px;} div#searchbox form#search.formsearch input#search_box_en{ background: url(/images/new/search/en.gif) no-repeat 5px 7px #FFFFFF; border: 1px solid #03406D; width:260px; padding: 1px 3px; font-weight: bold; color: #03406D; font-size: 20px; } div#searchbox form#search.formsearch input#search_box_en:focus { background-color: #FFFFFF; background-image: none; border: 1px solid #03406D; } div#searchbox form#search.formsearch input#search_box_es{ border: 1px solid #03406D; width:260px; padding: 1px 3px; font-weight: bold; color: #03406D; font-size: 20px; } div#searchbox form#search.formsearch input#search_box_es:focus { border: 1px solid #03406D; } div#searchbox form#search.formsearch input#search_box_de{ background: url(/images/new/search/de.gif) no-repeat 5px 7px #FFFFFF; border: 1px solid #03406D; width:260px; padding: 1px 3px; font-weight: bold; color: #03406D; font-size: 20px; } div#searchbox form#search.formsearch input#search_box_de:focus { background-color: #FFFFFF; background-image: none; border: 1px solid #03406D; } div#searchbox form#search.formsearch input#search_box_fr{ background: url(/images/new/search/fr.gif) no-repeat 5px 7px #FFFFFF; border: 1px solid #03406D; width:260px; padding: 1px 3px; font-weight: bold; color: #03406D; font-size: 20px; } div#searchbox form#search.formsearch input#search_box_fr:focus { background-color: #FFFFFF; background-image: none; border: 1px solid #03406D; } div#searchbox form#search.formsearch input#search_button{ margin-top: 5px; border: none; } /* / */ /* ----- Breadcrumb styles ----- */ .breadcrumb { margin: 10px 0 5px 0; width: 100%; } .breadcrumb-holder { position: relative; /* padding-left: 2px; */ font-weight: bold; background: url(/images/breadcrumb/light.gif) repeat-x top right; height: 30px; margin-bottom: 5px; } a.crumb:link, a.crumb:visited { float: left; padding: 7px 17px 0px 0px; color: #00529B; text-decoration: none; background: url(/images/breadcrumb/crumb-dark.gif) no-repeat right top;} a.crumb:hover, a.crumb:active { color: #009AFE; text-decoration: underline; } a.crumb-last:link, a.crumb-last:visited { float: left; padding: 7px 12px 0px 0px; color: #00529B; text-decoration: none; background: url(/images/breadcrumb/crumb-light.gif) no-repeat right top; margin-right: 5px; } a.crumb-last:hover, a.crumb-last:active { color: #009AFE; text-decoration: underline; } .crumb-current{ padding-top: 7px; height: 30px; color:#009AFE; clear: right;} a.crumb2:link, a.crumb2:visited { float: left; padding: 0px 15px 2px 0px; color: #00529B; text-decoration: none; background: url(/images/breadcrumb/crumb-dark2.gif) no-repeat right 5px; margin-right: 6px;} a.crumb2:hover, a.crumb2:active { color: #009AFE; text-decoration: underline; } a.crumb2-last:link, a.crumb2-last:visited { float: left; padding: 0px 5px 2px 0px; color: #00529B; text-decoration: none; } a.crumb2-last:hover, a.crumb2-last:active { color: #009AFE; text-decoration: underline; } .crumb2-current{ background: url(/images/breadcrumb/crumb-dark2.gif) no-repeat left 5px; padding: 0px 0px 2px 13px; color:#009AFE; float:left; display: inline;} .crumb2-legend{ float:left; color: #00529B; margin-right: 5px; font-weight: bold;} /* / */ /* ----- content licensing styles ----- */ #contentLicensingBox{ width: 90%; margin: 10px auto; padding-bottom: 10px; font-size: 13px; /* font-weight: bold; */ text-align: justify; border: 1px solid #BECFDF; background-color: #EAF2F8; } #contentLicensingBox div { background: transparent url(/images/blockquoteOpen.gif) left top no-repeat; padding-left: 40px; margin: 0px; } #contentLicensingBox blockquote { margin: 10px; background: transparent url(/images/blockquoteClose.gif) right bottom no-repeat; padding-right: 40px; } #contentLicensingBox cite { margin-left: 50px; font-weight: bold; font-size: 12px; } /* / */ /* ----- Horizontal navigation ----- */ #nav_holder{ width: 972px; clear: both; margin-bottom: 5px; } /* ----- Top Navigation Block (inc subnav) ----- */ ul.tabNavTop { background: #FFFFFF; } ul.tabNavTop { float: left; list-style: none; width: 100%; margin: 0; padding: 0px; float: left; } ul.tabNavTop li { float: left; margin: 0 1px 0px 0; padding: 6px 0 0; position: relative; font-weight: bold; } ul.tabNavTop li.current { padding-top: 6px; } ul.tabNavTop a { background: url(/images/tabs/top-l-small.gif) no-repeat top left #009AFE; border: none; border-width: 1px 1px 0; color: #FFF; display: block; padding: 6px 16px 7px 16px; text-decoration: none; } ul.tabNavTop a:hover { background: url(/images/tabs/top-l-small.gif) no-repeat top left #66C2FE; border: none; border-width: 1px 1px 0; color: #03406D; display: block; padding: 6px 16px 7px 16px; text-decoration: none; } ul.tabNavTop li.current a { background: url(/images/tabs/top-l-small.gif) no-repeat top left #03406D; padding: 6px 15px 10px 15px; color: #FFF; font-weight: bold; font-size: 14px; margin-bottom: -4px; overflow: hidden; } div#secondLine, ul#subnav a { background-color: #03406D!important; color:#FFFFFF; text-decoration: none; clear: left; padding: 5px 0px; margin: 0px; } ul.subnav{ color:#FFFFFF; text-decoration:none; background:#03406D; margin:0; padding:0; text-align: left; } ul.subnav a:hover { background-color: #66c2fe!important; /* color: #03406D!important; */ } ul.subnav li { display:inline; font-weight:bold; padding:5px 0 0 0; margin: 10px 0 0 0; } ul.subnav li a:link, ul.subnav li a:visited{ background:#03406D none repeat scroll 0 0; color:#FFFFFF !important; font-size:13px; margin:0 0 -4px; padding:4px; text-decoration:none; } ul.subnav li a:hover, ul.subnav li a:active{ text-decoration: none; font-size: 13px; margin: 0px 0px -4px 0px; background: /*#03406D*/ #009AFE; text-decoration: none; color: #03406D!important; padding-top: 4px; } .wtgnav li.selected a { background: #66C2FE!important; } .tabspace{ padding: 5px; } .firstoption{ padding-left: 14px; } /* / */ /* / */ /* ----- Social Network Area ----- */ div.social-holder{ margin-top: 10px; /* border-top: 1px dotted #CCC; */ padding-top: 10px; text-align: center; clear: both; float: left; width: 468px; display:none; } div.social-network{ margin: 0 0 10px 5px; float: right; cursor: pointer; } div.social-network a { display: block; cursor: pointer; } div.social-network a:link, div.social-network a:visited { text-decoration: none; } div.social-network a:hover, div.social-network a:active { color:#009AFE; } div.social-network img { float: left; } div.social-network div { float: left; padding-left: 5px; margin-right: 5px; } div.social-network span.heading { float: left; margin: 0px; font-size: 13px; font-weight: bold; font-family: Trebuchet MS,sans-serif; } div.social-network div p { float: left; margin: 0px; clear: left; font-size: 10px; } /* / */ /* ----- Tabbed Top Guides Area ----- */ div#container { margin: 20px auto 0; width:652px; margin: 0px; padding: 0px; } div#container p { margin: 0 0 10px 0 ; padding: 0px; } ul.tabNav { float: left; list-style: none; width: 100%; margin: 0; padding-left: 0px; float: left; } ul.tabNav li { float: left; margin: 0 1px 0px 0; padding: 6px 0 0; position: relative; } ul.tabNav li.current { padding-top: 6px; } ul.tabNav a { background: url(/images/tabs/top-l-small.gif) no-repeat top left #009AFE; border: none; border-width: 1px 1px 0; color: #FFF; display: block; padding: 6px 16px 6px 16px; text-decoration: none; font-weight: bold;} ul.tabNav a:hover { background: url(/images/tabs/top-l-small.gif) no-repeat top left #66C2FE; border: none; border-width: 1px 1px 0; color: #03406D; display: block; padding: 6px 16px 6px 16px; text-decoration: none; font-weight: bold; } ul.tabNav li.current a { background: url(/images/tabs/top-l-small.gif) no-repeat top left #03406D; padding: 6px 15px 6px 15px; color: #FFF; font-weight: bold; font-size: 14px; } div.tabContainer { clear: both; float: left; width: 100%; margin-bottom:20px!important; } div.tabContainer div.tab { border-top: 5px solid #03406D; border-right: 1px solid #03406D; border-bottom: 1px solid #03406D; border-left: 1px solid #03406D; color: #000; display: none; padding: 10px; } div.tabContainer div.current { display: block; } div.tab p:last-child { margin-bottom: 0; } span.firstlink{ padding-left: 15px; } div.tab ul { width: 150px; float:left; margin-right: 5px; } .right-hand-tab-corner{ width: 5px; height: 5px; float: right; background: url(/images/tabs/top-r-small.gif) no-repeat top right; position: absolute; top: 6px; right: 0px; } .right-hand-traveldeals-tab-corner{ width: 5px; height: 5px; float: right; background: url(/images/tabs/top-r-small-grey.gif) no-repeat top right; position: absolute; top: 0px; right: 0px; } .left-hand-traveldeals-tab-corner{ width: 5px; height: 5px; float: right; background: url(/images/tabs/top-l-small-grey.gif) no-repeat top right; position: absolute; top: 0px; left: 0px; } .left-hand-traveldeals-tab-bot-corner{ width: 5px; height: 5px; float: right; background: url(/images/tabs/bot-l-small-grey.gif) no-repeat top right; position: absolute; bottom: 0px; left: 0px; } .right-hand-traveldeals-tab-bot-corner{ width: 5px; height: 5px; float: right; background: url(/images/tabs/bot-r-small-grey.gif) no-repeat top right; position: absolute; bottom: 0px; right: 0px; } /* / */ /* ----- Book it now ----- */ .large-icon{ width: 150px; height: 150px; margin-left: 16px; margin-bottom: 10px;} /* / */ /* ----- Overview Navigation - (in guide pages) ----- */ li.subnavitem{ font-weight: bold; } ul.inspirationzone li.subnavitem{ font-weight: bold; display: inline; margin-right: 15px; } li#selected{ /*background:#F5FAFD;*/ } /* Lighter - as Travel Partners hover */ /*li#selected{ background:#EAF2F8; }*/ /* Darker - as search box focus */ div.left_column div.header { margin: 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000000; clear: both; } div.left_column div.location { margin: 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #009AFE; background: url(/images/new/arrow_down_overview.gif) right top no-repeat; border-bottom: 7px #009AFE solid; padding-bottom: 5px;} div.left_column div.header_inner, div.left_column div.location_inner, div.left_column div.section_inner { margin-right: 16px; } div.left_column div.section { display: none; } /* Hidden to disable in guide-level vertical navigation. Change to below to reactivate. */ /*div.left_column div.section { margin: 0px; font-size: 13px; font-weight: bold; color: #000000; padding: 8px 0px 3px 0px; border-bottom: 1px dotted #CCCCCC; clear: both; display: none;}*/ div#left_column ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #005DA3; } div#left_column li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; } div#left_column li.subnavitem a:link, div#relatedGuides li.subnavitem a:visited { display: block; padding: 3px 0px; } div#left_column li.subnavitem a:active, div#relatedGuides li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; } /* Related guides */ #relatedGuidesHead { padding-right: 16px; } div.left_column div.related_guides { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #005DA3; background: url(/images/new/arrow_down_guide.gif) 151px 2px no-repeat; border-bottom: 7px #005DA3 solid; padding-bottom: 3px;} div.left_column div.related_guides a{ color: #005DA3; display: block; } div#relatedGuides ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #005DA3; } div#relatedGuides li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; } div#relatedGuides li.subnavitem a:link, div#relatedGuides li.subnavitem a:visited { display: block; padding: 3px 0px; } div#relatedGuides li.subnavitem a:active, div#relatedGuides li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; } /* / */ /* Related featues */ #relatedFeaturesHead { padding-right: 16px; } div.left_column div.related_features { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #CF3267; background: url(/images/new/arrow_down_features.gif) 151px 2px no-repeat; border-bottom: 7px #CF3267 solid; padding-bottom: 5px; } div.left_column div.related_features a{ color: #CF3267; display: block; } div#relatedFeatures ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #CF3267; } div#relatedFeatures li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; } div#relatedFeatures li.subnavitem a:link, div#relatedFeatures li.subnavitem a:visited { display: block; padding: 3px 0px; } div#relatedFeatures li.subnavitem a:active, div#relatedFeatures li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; } /* / */ /* Related airports */ #relatedAirportsHead { padding-right: 16px; } div.left_column div.related_airports { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #CF3267; background: url(/images/new/arrow_down_airports.gif) 151px 2px no-repeat; border-bottom: 7px #f47300 solid; padding-bottom: 5px; } div.left_column div.related_airports a{ color: #f47300; display: block; } div#relatedAirports ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #f47300; } div#relatedAirports li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; } div#relatedAirports li.subnavitem a:link, div#relatedAirports li.subnavitem a:visited { display: block; padding: 3px 0px; } div#relatedAirports li.subnavitem a:active, div#relatedAirports li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; } #airport_map{ float:right;padding: 25px 0px 10px 10px; } /* / */ /* Related Information */ #relatedInformation{ margin-bottom: 10px; } #relatedInformationHead { padding-right: 16px; } div.left_column div.related_Information { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #81AA06; background: url(/images/new/arrow_down_tours.gif) 151px 2px no-repeat; border-bottom: 7px #81AA06 solid; padding-bottom: 5px; } div.left_column div.related_Information a{ color: #81AA06; display: block; } div#relatedInformation ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #81AA06; } div#relatedInformation li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; } div#relatedInformation li.subnavitem a:link, div#relatedInformation li.subnavitem a:visited { display: block; padding: 3px 0px; } div#relatedInformation li.subnavitem a:active, div#relatedInformation li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; } .Information_more { margin-top: 10px; font-weight: bold; } /* / */ ul.overview_menu{ margin: 30px 0 0 0; padding: 0px; width: 167px; } ul.overview_menu li { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; } ul.overview_menu a:link, ul.overview_menu a:visited { display: block; padding: 3px 0px; } ul.overview_menu a:link, ul.overview_menu a:visited { display: block; padding: 3px 0px; } ul.overview_menu a:active, ul.overview_menu a:hover { display: block; padding: 3px 0px; color: #009AFE; } ul.subnav{ padding: 0px; margin: 0px; } /* / */ /* Tours Boxout */ .tours_boxout h3.mediumhead{ margin: 0px 0px 10px 0px; padding: 0px; color:#00529B !important; font-family:Trebuchet MS,sans-serif; font-size:1.3em !important; font-weight:normal; } .tours_boxout .subnavitem{ margin: 0px; padding: 0px 0px 0px 0px; display: block; clear: left; border-bottom: 1px dotted #999999; } .tours_boxout .subnavitem a{ margin-left: 0px; font-weight: bold; } .tours_boxout .subnavitem a img{ float:left; margin: 5px 10px 5px 0; border: 0px; width:60px!important; height:60px!important; } .tours_boxout .subnavitem div.description{ float:left; width: 350px;} .tours_boxout .subnavitem div.caption{ float:left; clear: left; } .flagholder { font-size: 10px; color: #666666; float:right; width: 130px; text-align: right; background:#FFF; } .flagholder a img { margin: 0px!important; padding:0px!important; } /* / */ /* ----- Editorial Content, empty style for Directory----- */ .editorialcontent{ background: #FEFEFE; padding: 5px; } #directory-heading { font-weight:bold; color:#00529B; margin:0 0 5px; } #directory_wrapper{ width:468px; border-top: 1px solid #DCDCDC; padding-top:15px; } #directory_wrapper .heading{ margin:0 0 10px 0; color:#00529B; font-family:Trebuchet MS,sans-serif; font-size:1.4em !important; font-weight:normal !important; padding:5px 0 5px 0; } #directory_wrapper .directory_flights .icon{ width: 60px; height: 60px; background: url(../images/new/bookItNowSprites.gif) repeat-x 0 0 transparent; overflow: hidden; background-position: 0px -0px; margin-right:10px; float:left; } #directory_wrapper .directory_hotels .icon{ width: 60px; height: 60px; background: url(../images/new/bookItNowSprites.gif) repeat-x 0 0 transparent; overflow: hidden; background-position: 0px -100px; margin-right:10px; float:left; } #directory_wrapper .directory_travelagents .icon{ width: 60px; height: 60px; margin-top:5px; background: url(../images/new/bookItNowSprites.gif) repeat-x 0 0 transparent; overflow: hidden; background-position: 0px -200px; margin-right:10px; float:left; } #directory_wrapper .directory_carhire .icon{ width: 60px; height: 60px; background: url(../images/new/bookItNowSprites.gif) repeat-x 0 0 transparent; overflow: hidden; background-position: 0px -300px; margin-right:10px; float:left; } #directory_wrapper .directory_insurance .icon{ width: 60px; height: 60px; background: url(../images/new/bookItNowSprites.gif) repeat-x 0 0 transparent; overflow: hidden; background-position: 0px -400px; margin-right:10px; float:left; } #directory_wrapper .directory_tours .icon{ width: 60px; height: 60px; background: url(../images/new/bookItNowSprites.gif) repeat-x 0 0 transparent; overflow: hidden; background-position: 0px -500px; margin-right:10px; float:left; } #directory_wrapper .directory_flights, #directory_wrapper .directory_hotels, #directory_wrapper .directory_travelagents, #directory_wrapper .directory_carhire, #directory_wrapper .directory_insurance, #directory_wrapper .directory_tours { padding:5px 5px 5px 0; border-bottom: 1px dotted #CCC; } #directory_wrapper .directory_flights a#heading, #directory_wrapper .directory_hotels a#heading, #directory_wrapper .directory_travelagents a#heading, #directory_wrapper .directory_carhire a#heading, #directory_wrapper .directory_insurance a#heading, #directory_wrapper .directory_tours a#heading { margin:0 0 5px 0; font-weight: bold; } #directory_wrapper .directory_flights div.text, #directory_wrapper .directory_hotels div.text, #directory_wrapper .directory_travelagents div.text, #directory_wrapper .directory_carhire div.text, #directory_wrapper .directory_insurance div.text, #directory_wrapper .directory_tours div.text { width:380px; float:left; margin:0px; } /* / */ /*Hostel Bookers*/ div#wrapper { display:block; font-family:Arial, Helvetica, sans-serif; width:460px; margin:10px; } div#search { width:460px; } #hb247wrap { width:460px !important; } div#header p{ width:460px; padding-bottom:20px; font-size:12px; } .hb247label { display:none;} td.tableborder { border:1px solid black; padding:5px; } p.hostelbook { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } h2.Title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#7B7543; margin-bottom:20px; } h2.destTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#7B7543; margin-bottom:5px; } .destLeft, .destRight { display:block; border:1px solid black; margin-top:12px; width:460px; } .destLeft br, .destRight br { clear:both; } .topLeft { display:block; width:248px; margin:10px; float:left } .imgLeft { display:block; width:150px; margin:10px; float:right } .topRight { display:block; width:248px; margin:10px; float:right } .imgRight { display:block; width:150px; margin:10px; float:left } .warningbox {border: 1px solid #bc1d1d; padding: 4px; background-color: #f7ebeb;} /* ----- Clearfix ----- */ .clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; } * html .clearfix { height:1%; } .clearfix { display:block; } /* / */ /* Tour Styles*/ .vSpecial {font-weight: bold;} /* Skoosh hotel Styles */ form#SkooshMiniSearchForm input#submitbutton { width: 105px; } #SkooshMiniSearchForm { border-top: none; } #SkooshMiniSearchForm .DateFields { float:left; margin-bottom:4px; margin-top:5px; } #SkooshMiniSearchForm #RoomFields #right { float:left; margin-left:12px; width:45px; } #SkooshMiniSearchForm input[type="submit"] { float:right; margin-top:12px; font-family: Arial,sans-serif; } #SkooshMiniSearchForm input[type=text] {width: 60px;} #SkooshMiniSearchForm #RoomFields #left{float: left; min-width: 45px; clear:both;} #SkooshMiniSearchForm #RoomFields #middle{float: left; margin-left: 13px; width: 45px;} /* ----- Send to a friend form ----- */ #send-to-friend-form { width:580px; background-color: #F0F0F0; border: 1px solid #999999; padding: 5px; } #send-to-friend-form .warningbox { background-color: #FFCCCC; border: 1px solid #FF0000; text-align: left; } #send-to-friend-form input.text { width:318px; } #send-to-friend-form textarea { width:318px; } /* Inspiration Zone Page */ div#izone-container h3 {font-size:1.2em !important; color:#03406D; font-family:Trebuchet MS,sans-serif;} div#information h3{ font-size: 14px!important; color: #FFF; } /*.izone-box-default { clear: both; padding: 5px; background-color: rgb(255, 255, 255); float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }*/ .izone-boxout {width: 100%; border: 1px solid rgb(204, 204, 204); padding: 5px; background-color: rgb(255, 255, 255); float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px;} .izone-box-brochure {width: 150px; border: 1px solid rgb(204, 204, 204); padding: 5px; background-color: rgb(255, 255, 255); float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; text-align: center;} .izone-box-video {width: 276px; float: right; margin-left: 10px; margin-top: 25px; margin-bottom: 10px; } .izone-image-gallery { float: right; margin-left: 0px; margin-bottom: 5px;padding: 0px!important;} /* .izone-image-gallery h3 {font-size:15px !important; margin-top:7px !important; padding:4px 8px 3px !important;} */ .izone-footer {width: 100%;} .izone-footer h3 {text-align: center} .izone-box-highlight {border: 1px solid rgb(255, 0, 0); padding: 10px; background: rgb(255, 255, 204) none repeat scroll 0% 0%; width: 190px; float: right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; margin-left: 5px; margin-top: 45px;} .iz-left{float: left; margin: 0 10px 10px 0;} .iz-right{float: right; margin: 0 0 10px 10px;} .izone-classifieds {width: 300px; background: #F0F0F0; margin: 5px; clear: left;} .izone-classifieds h3 {margin: 0px;} .izone-classifieds p {margin: 5px 0;} .izone-classifieds img {} .inspireHeadTab{ height: 20px; padding: 0px; margin: 0px; background: #FFF url(/images/tabs/tab-left-grey.gif) top left no-repeat; width: 100%; } .inspireHeadTab span{ height: 20px; background: #CCCCCC url(/images/tabs/tab-right-grey.gif) top right no-repeat; padding: 0 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ } /* IZone Classified Page*/ #classifiedEnquiryForm input[type=submit] {width: 290px;} #classifiedEnquiryForm textarea {width: 200px;} #classifiedEnquiryForm select {width: 200px;} .izone-rss ul { padding-left: 5px;} .rhs_content_box { width: 290px; margin:5px 5px 0px 5px; padding: 5px; background-color: #FFFFFF; } /* Inspiration Zone Category Page */ .izone-category-box .izone-intro {clear:both; color:#333333; float:left; font-size:14px; line-height:135%; width:300px; } .izone-category-box {float: left; width: 300px !important; margin:0 0 5px;} .izone-title-intro {width: 300px;} /* IZone homepage boxes START */ .inspireBigBlue {background:#02539C url(/images/gradient-blue.gif) repeat-x scroll left top; float:left; font-size:13px; font-weight:normal; margin:5px 0 10px 12px; width:200px; } .inspireBigBlue h2{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(/images/tabs/tab-left-med-blue.gif) top left no-repeat; width: 100%; } .inspireBigBlue h2 span {background:#CCCCCC url(/images/tabs/tab-right-med-blue.gif) no-repeat scroll right top; color:#FFFFFF; float:left; font-family:Trebuchet MS,sans-serif; font-size:16px; height:20px; margin-left:5px; padding:0 20px 0 5px; } .inspireBigBlue h2 span a{ color: #FFFFFF !important; text-decoration: none;} .inspireBigBlue h2 span a:hover { color:#FFFFFF; text-decoration:underline; } /* .inspireBig h3 {background:transparent url(/images/gradient-blue.gif) repeat-x scroll left top; color:#FFFFFF; font-weight:normal; margin:0; padding:5px; text-align:center; } */ .inspireBigBlue h3{ margin: 0; padding: 5px; color: #FFFFFF; text-align: center; font-weight: normal; } .inspireBigBlue form { margin: 0 0 2px 0; } .inspireBigBlue form select{ width: 100px; margin-left: 2px; float: left; } .inspireBigBlue .goButton{ width: 95px; float: right; margin: -2px 2px 2px 0; } /* .inspireBig select {margin-left:1px; width:100px; } */ /* .inspireBig #button {float:right; width:100px; } */ .sectionBlock {font-family:Trebuchet MS; font-size:1.4em; font-weight:bold; line-height:1.1em; } /* ----- Slideshow CSS ----- */ #slideshowsmall {list-style:none; color:#fff} #slideshowsmall span {display:none} div#informationsmall span.associated { margin: 0 35px 0 10px; float: right; clear: right; color: #999; font-size: 10px; } div#informationsmall img.associated-image { clear: both; margin: 0 0 5px 10px; float: right; } #slide-wrappersmall {width:300px; margin:0px auto; display:none} #slide-wrappersmall * {margin:0; padding:0} #fullsizesmall {position:relative; width:300px; height:250px; padding:0px; /*border:1px solid #ccc;*/ background:#000;} #informationsmall {position:absolute; bottom:0; width:300px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:1; filter:alpha(opacity=100)} #informationsmall h3 a {padding:4px 0 8px 3px; margin-top: 7px; font-size:15px; color:#66C2FE;} #informationsmall p {padding: 0px 5px 5px 5px;} #imagesmall {width:278px} #imagesmall img {position:absolute; z-index:25; width:auto} .imgnavsmall {position:absolute; width:25%; height:150px; cursor:pointer; z-index:150} #imgprevsmall {left:0; background:url(/images/left.gif) left center no-repeat} #imgnextsmall {right:0; background:url(/images/right.gif) right center no-repeat} /* #imglinksmall {position:absolute; height:150px; width:300px; z-index:100; opacity:.7; filter:alpha(opacity=70); } */ #imglinksmall {position:absolute; height:150px; width:300px; z-index:100; opacity:1; filter:alpha(opacity=100); } .linkhoversmall {background:url(/images/link.gif) center center no-repeat} #thumbnailssmall {margin-top:15px} #slideleftsmall {float:left; width:20px; height:41px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#222} #slideleftsmall:hover {background-color:#333} #sliderightsmall-small {float:right; width:20px; height:41px; background:#222 url(/images/scroll-right.gif) center center no-repeat} #sliderightsmall:hover {background-color:#333} #slideareasmall {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden} #slidersmall {position:absolute; left:0; height:81px} #slidersmall img {cursor:pointer; border:1px solid #666; padding:2px} .large_gallery_wrappersmall{ float: left; width: 300px; margin: 0 0 10px 5px; padding: 0; clear: both; position:relative; } .large_gallery_boxoutsmall{ float: left; margin:0px; } #information img.readmore-linksmall{ margin: 0 0 -2px 10px; } .large_gallery_boxoutsmall a:link, .large_gallery_boxoutsmall a:visited{ color: #FFFFFF; } #slideshow {list-style:none; color:#fff} #slideshow span {display:none} #slide-wrapper {width:600px; margin: 32px auto 0px auto; display:none} #slide-wrapper * {margin:0; padding:0} #fullsize {position:relative; width:600px; height:300px; padding:1px; /*border:1px solid #ccc;*/ background: url(/images/slideshowBG.gif) bottom repeat-x; margin-bottom: 15px; } #information {position:absolute; bottom:1px; width:600px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)} #information h3 {padding:4px 8px 3px; margin-top: 7px; font-size:15px} #information p {padding:0 8px 8px} #image {width:274px} #image img {position:absolute; z-index:25; width:auto} .imgnav {position:absolute; width:25%; height:300px; cursor:pointer; z-index:150} #imgprev {left:0; background:url(/images/left.gif) left center no-repeat} #imgnext {right:0; background:url(/images/right.gif) right center no-repeat} #imglink {position:absolute; height:300px; width:100%; z-index:100; opacity:.7; filter:alpha(opacity=70); } .linkhover {background:url(/images/link.gif) center center no-repeat} #thumbnails {margin-top:15px} #slideleft {float:left; width:20px; height:81px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#222} #slideleft:hover {background-color:#333} #slideright {float:right; width:20px; height:81px; background:#222 url(/images/scroll-right.gif) center center no-repeat} #slideright:hover {background-color:#333} #slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden} #slider {position:absolute; left:0; height:81px} #slider img {cursor:pointer; border:1px solid #666; padding:2px} .large_gallery_wrapper{ float: left; width: 654px; margin: 0 0 10px 3px; background: url(/images/new/pianoBlack.jpg) 0 1px no-repeat #000; padding: 5px 0 20px 0; position:relative; color: #FFF; } div.large_gallery_wrapper h1.white { color: #FFF; margin: 0 0 5px 0; font-family:Trebuchet MS,sans-serif; font-size:1.6em; font-weight:normal; } .large_gallery_wrapper img#tl { position: absolute; top: 0; left: 0; } .large_gallery_wrapper img#tr { position: absolute; top: 0; right: 0; } .large_gallery_wrapper img#bl { position: absolute; bottom: 0; left: 0; } .large_gallery_wrapper img#br { position: absolute; bottom: 0; right: 0; } .large_gallery_boxout{ float: left; margin-left: 26px; } #information img.readmore-link{ margin: 0 0 -2px 10px; } .large_gallery_boxout a:link, .large_gallery_boxout a:visited{ color: #FFFFFF; } /* / */ .inspireRightColumn2 div.inspireRightColumnArea { background: url(/images/inspiration_zone/meditation.gif) top left no-repeat #4a2521; height: 160px; border: none; padding: 5px 5px 10px 5px; margin-left: 5px; width:290px; clear: both; } .inspireRightColumn2 form#dropBoxForm { margin-top:82px; } .inspireRightColumn2 select#boxDropWhat, .inspireRightColumn2 select#boxDropWhen { background: #FFFFCC; color:#03406D; width: 143px; } /* IZone homepage boxes END */ #newsletter_signup{ background-color:#FFFFFF; margin:0 5px; padding:5px 5px 0 5px; width:290px; color: #FFF; } /* ----- Tabby Tabs----- */ /*Foregound colours available*/ /*Aliased to work on these backgrounds*/ /* LightBlue DarkBlue Lime Raspberry Orange -->