/* Stylesheet for Mighty Fine Company Theme. */ BODY { margin:0; padding:0; font-size:9pt; font-family:Arial, Helvetica, Verdana, sans-serif; line-height:125%; color:#FFFFFF; background-color:#000000; } /* keeps the content in the centre of the screen - no horizontal scrolling at 800x600 */ DIV#fixedWidth { margin:0 auto; padding:0 0 0 0; width:1000px; background-color:#000000; color:#FFFFFF; padding:0px 0px 0px 0px; } H1, H2, H3, H4, H5, H6 { color: #EAFF50; font-weight:normal; } H1 { font-size:15pt; padding-bottom:0; margin-bottom:1px;} H2 { font-size:10pt; line-height:20px; padding-top:0; margin-top:1px; } H3 { font-size:12pt; } H4 { font-size:9pt; margin:0; } HR { color: #000000; border-style:dashed; height:1px; } .bold { font-weight:bold; } INPUT.text, INPUT.submit, INPUT.reset, SELECT, TEXTAREA { font-family:Arial, Helvetica, Verdana, sans-serif; font-size:8pt; border:solid 1px #808080; } A { text-decoration:none; color:#EAFF50; } A:hover { text-decoration:underline; } A:visited { color:#EAFF50; } A IMG{ border-width:0; } .yellowText {color:#EAFF50;} .WhiteHeading {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: white;} .width10px { width:10px;} .GreenSubHeading {FONT-SIZE: 14px; COLOR: lightgreen;} /* == Layout Table (I know... Sorry!) == */ TABLE#layout { width:100%; } TD#leftPaddingColumn { vertical-align:top; padding:0; width:13px; } TD#content { vertical-align:top; padding:0; } TD#rightColumn { vertical-align:top; padding:0; width:187px; } TD#rightPaddingColumn { vertical-align:top; padding:0; width:13px; } /* == Header == */ DIV#header .logo { float:left; line-height:0; /* FF Fix */ } DIV#header .phone { float:right; margin-right:5px; } DIV#header { width:980px; background-color:#FFFFFF; padding:0 0 0 0; margin:0 0 0 0; } .headerImage { border:none 0; padding:0 0 0 0; margin: 0 0 0 0;} /* == Top Menu(s) == */ DIV#sectionMenu { color:#ffffff; line-height:28px; } DIV#sectionMenu A { color:#ffffff; font-size:16px; font-weight:normal; font-style:normal; padding:0 10px; } DIV#sectionMenu A.mf_top_menu_selected { color:#FFFFFF; font-size:16px; font-style:normal; background-color:#637F28; } DIV#sectionMenu UL { border-width:0; margin:0 10px; padding:0; } DIV#sectionMenu UL LI { padding:0; display:inline; list-style-type:none; } /* == Footer == */ DIV#footer { line-height:135%; text-align:center; font-size:7pt; background-color:#000000; color:#ffffff; height:16px; } DIV#footer A { color:#ffffff; } /* == Tiny Search Panel == */ DIV#searchPanel { width:181px; margin:0 5px; padding:0 3px; margin: 0 0 0 0 ; background-color:#EAFF50; color:#fff; font-size:8pt; } DIV#searchPanel H2 { font-size:10pt; border-bottom:1px dotted #EAFF50; padding-bottom:5px; margin:0; color:#FFFFFF; } DIV#searchPanel LABEL { margin-top:10pt; margin-bottom:2px; display:block; color:#EAFF50; } DIV#searchPanel LABEL EM { font-size:10pt; font-weight:bold; } DIV#searchPanel SELECT { width:160px; font-size:10pt; } DIV#searchPanel DIV.searchButton { border-top:1px dotted #5FA9CE; padding-top:5px; margin-top:5px; text-align:center; } DIV#searchTop { height:35px; margin:0px 0px 0 0px; padding:0 0 0 0; background:url(Images/find-a-holiday-header.gif) #EAFF50; } DIV#searchBottom { height:5px; margin:0 5px 4px 5px; padding:0; } .searchCell { background-color:#E4DCC6;} .gradientPanel {color:#EAFF50; } /* == Common Page Styles == */ /* #content .section_title, #content FIELDSET, P { margin:5px; padding:5px; } */ #content .contentText { padding:10px; } #content .contentImage { text-align:center; } #content .section_title { color:#EAFF50; font-size:18pt; line-height:24pt; font-weight:bold; } #content .required_field_indicator, #content .mf_required_field_indicator { color:Red; } FIELDSET { border-color: #808080; border-width: 1px 0 0 0; border-style: solid; padding: 10px; margin: 0; } FIELDSET LEGEND { font-weight:bold; } FIELDSET INPUT.text { width: 160px; } FIELDSET SELECT { width: 164px; } FIELDSET TEXTAREA { width: 250px; height:100px; } FIELDSET INPUT.submit, FIELDSET INPUT.button { margin-right:260px; margin-top:20px; } CAPTION{ font-weight:bold; font-size:10pt; color:#7cbed8; } /* == HomePage == */ DIV.HomePageLinkBar { color:#ffffff; background-color:#282626; text-align:left; font-size:11pt; line-height:18pt; float:none; clear:both; padding:15px 0; } DIV.HomePageLinkBar A, DIV.HomePageLinkBar A:visited { color:#ffffff; } DIV.HomePageLinkBar UL { margin:0; } DIV.HomePageLinkBar UL LI { display:inline; list-style-type:none; } /* == Activity icons == The same as the Activity name (minus spaces) */ /* Using CSS sprites: http://www.alistapart.com/articles/sprites/ */ .ShortBreaks { background:url(./Images/ActivityIcons.gif) no-repeat 0 -550px; } .WhaleWatching { background:url(./Images/ActivityIcons.gif) no-repeat 0 -528px; } .MotorhomeRental { background:url(./Images/ActivityIcons.gif) no-repeat 0 -506px; } .FjordsofNorway { background:url(./Images/ActivityIcons.gif) no-repeat 0 -484px; } .BearWatching { background:url(./Images/ActivityIcons.gif) no-repeat 0 -462px; } .SantaClaus { background:url(./Images/ActivityIcons.gif) no-repeat 0 -440px; } .ChristmasMarkets { background:url(./Images/ActivityIcons.gif) no-repeat 0 -418px; } .IceHotels, .SnowHotels { background:url(./Images/ActivityIcons.gif) no-repeat 0 -396px; } .IceLodge, .ICEHOTEL, .IceHotel { background:url(./Images/ActivityIcons.gif) no-repeat 0 -374px; } .HuskySafaris { background:url(./Images/ActivityIcons.gif) no-repeat 0 -352px; } .Snowmobiling { background:url(./Images/ActivityIcons.gif) no-repeat 0 -330px; } .NorthernLights { background:url(./Images/ActivityIcons.gif) no-repeat 0 -308px; } .TallShipCruise { background:url(./Images/ActivityIcons.gif) no-repeat 0 -286px; } .ChristmasCruises { background:url(./Images/ActivityIcons.gif) no-repeat 0 -264px; } .Christmas, .FestiveBreaks { background:url(./Images/ActivityIcons.gif) no-repeat 0 -242px; } .Cruises { background:url(./Images/ActivityIcons.gif) no-repeat 0 -220px; } .CityBreaks, .CulturalTours { background:url(./Images/ActivityIcons.gif) no-repeat 0 -198px; } .Family { background:url(./Images/ActivityIcons.gif) no-repeat 0 -176px; } .FlyDrive { background:url(./Images/ActivityIcons.gif) no-repeat 0 -154px; } .GuidedTours, .EscortedTours { background:url(./Images/ActivityIcons.gif) no-repeat 0 -132px; } .Motorcycling { background:url(./Images/ActivityIcons.gif) no-repeat 0 -110px; } .RailTours { background:url(./Images/ActivityIcons.gif) no-repeat 0 -88px; } .Safaris { background:url(./Images/ActivityIcons.gif) no-repeat 0 -66px; } .Wildlife { background:url(./Images/ActivityIcons.gif) no-repeat 0 -44px; } .WinterActivities { background:url(./Images/ActivityIcons.gif) no-repeat 0 -22px; } .ActivityBreaks { background:url(./Images/ActivityIcons.gif) no-repeat 0 0; } /* == Activities/Search Results == */ DIV.activitySummary { border-bottom:1px dashed #000000; padding-left:230px; clear:both; margin:20px 0; } DIV.activitySummary A.moreinfo { float:right; } DIV.activitySummary A.moreinfo:HOVER { float:right; src:url(./Images/More-Details-Rollover.gif); } DIV.activitySummary .icon { line-height:22px; font-size:13.5pt; text-transform:uppercase; padding-left:30px; margin-bottom:10px; } DIV.activitySummary A { font-size:11pt; color:#EAFF50; } DIV.activitySummary SPAN.icon { padding-left:20px; } DIV.activitySummary DIV.activityTypes SPAN.icon{ float:left; display:block; width:22px; height:22px; line-height:22px; margin-right:2px; padding:0; } DIV.activitySummary A.icon IMG, DIV.activitySummary A.title IMG { float:left; margin-left:-230px; color:#EAFF50; } DIV.activitySummary P { margin:0; padding:0; } DIV.activitySummary P.strapLine { margin:0 0 10px 0; padding:0; } H2.search { font-size:13pt; margin:5px; } H3.search { font-weight:normal; font-size:11pt; margin:5px; } /* == Monthly Availability Icons == */ /* Using CSS sprites: http://www.alistapart.com/articles/sprites/ */ DIV.activityTypes { margin-top:10px; } DIV.availability { float:right; margin-top:6px; } DIV.availability SPAN{ float:left; display:block; width:21px; height:11px; line-height:11px; background:url(./Images/availability.gif) no-repeat; margin-left:2px; } DIV.availability SPAN.label { background-image:none; font-size:8pt; width:auto; } DIV.availability SPAN.Aok{ /* Do nothing */ } DIV.availability SPAN.Ano{ background-position:-20px 0 } DIV.availability SPAN.Dok{ background-position:0 -11px } DIV.availability SPAN.Dno{ background-position:-20px -11px } DIV.availability SPAN.Fok{ background-position:0 -22px } DIV.availability SPAN.Fno{ background-position:-20px -22px } DIV.availability SPAN.Jok{ background-position:0 -33px } DIV.availability SPAN.Jno{ background-position:-20px -33px } DIV.availability SPAN.Mok{ background-position:0 -44px } DIV.availability SPAN.Mno{ background-position:-20px -44px } DIV.availability SPAN.Nok{ background-position:0 -55px } DIV.availability SPAN.Nno{ background-position:-20px -55px } DIV.availability SPAN.Ook{ background-position:0 -66px } DIV.availability SPAN.Ono{ background-position:-20px -66px } DIV.availability SPAN.Sok{ background-position:0 -77px } DIV.availability SPAN.Sno{ background-position:-20px -77px } /* == Price Grid == */ .mf_pricing_table{ border:solid 1px #000000; font-size:8pt; margin:0; padding:0; width:100%; border-collapse:collapse; } /* The whole table */ .mf_pricing_table TD { padding:1px 2px; } .mf_pricing_table_header{ font-weight:bold; background-color:#C4FC50; color:#000000; padding-left:0px; } /* The title eg "ICEHOTEL LAPLAND ADVENTURE" */ .PriceGridDepartureDatesTd{ color:#0054A5; text-align:center; } /* The 2x2 top-left cell containing the words "Departure Dates" */ .PriceGridMajorTitle{ font-weight:bold; } /* A major title, such as "Mon/Thu" */ .PriceGridMinorTitle{ color:#7cbed8; } /* A minor title, such as "Double", or "Extra Nt" */ .PriceGridDateRange{ color:#7cbed8; } /* A date range, such as 8 Jan 06 - 14 Jan 06, in the left-hand column. */ .PriceGridPrice{ color:Red; } /* A price */ .PriceGridNotesList{} /* The outer