﻿
/* Stylesheet for Mighty Fine Company 2009 Theme. */

body { 
	margin:0px; 
	padding:0px;
	font-size:9pt; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height:125%;
	color:#808080; background-color:#282626;
}

.chk { padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px; vertical-align:middle; width:12px; height:12px;border:none; }

div#container {
	padding:200px 105px 25px 240px;
	position:relative;
	margin:0px auto 10px auto;
	background-image:url(./images/container-background.gif);
	background-repeat:repeat-y;
	background-color:#fff;
	width:655px;
	_height:1100px;
	min-height:1100px;
}

/* == Header == */
div#header-img {
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:227px;
}

div#header {
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:227px;
}

div#header div#header-top {
	height:47px;
	/*background-image:url(./images/header-background.gif);
	background-repeat:no-repeat;*/
}

div#header header-middle {
	height:180px;
}

div#header a.homeLink {
	height:47px;
	width:100px;
	background-color:Red;
}

div#contentPH {
	margin:0px;
	padding:47px 0px 25px 0px;
	width:655px;
	_height:900px;
	min-height:900px;
}

div#contentPH p.no-margin {
	/* Use this to fix Firfox bug (!?) where 1st P causes content div to gain a top margin. */
   margin: 0px;
}

div#contentPH {
	color:#808080;
}

div#leftCol {
	position:absolute;
	top:247px;
	left:0px;
	width:240px;
}

div#leftCol div.separator {
	border-bottom:1px dashed #fff; 
	margin:8px 4px 6px 4px; 
	/*padding:4px 4px 6px 4px; */
	clear:both;
}

div#rightCol {
	position:absolute;
	right:0px;
	top:247px;
	width:105px;
}

/* == Footer == */
div#footerWrapper {
	margin:5px 0px 0px 0px;
	position:absolute;
	left:0px;
	bottom:-1px;
	width:655px;
	background-color:#fff;
	padding:0px 105px 0px 240px;
	background-image:url(./images/container-background.gif);
	color:#144A83;
}



div.footerParagraph {
	padding: 2px 10px 2px 10px;
	color:#808080;
	text-align:left;
}

div.footerText {
	line-height:135%; text-align:center; font-size:7pt;
	background:url(./images/blue-gradient.gif) #144A83; color:#ffffff;
}

div#footerWrapper div.footerText {
	padding:2px;
	text-align:center;
}

div#footerWrapper div.footerMenuWrapper {
	text-align:center;
	background-image:url(./images/section-menu-background.gif); 
	background-repeat:no-repeat; 
	color:#fff; 
	font-size:10px;
	height:20px;
	line-height:135%;
}

div#footerWrapper div.footerMenuWrapper a, div#footerWrapper div.footerMenuWrapper a:visited {
	font-style:italic; color:#fff;
}

/*
div#footer {
	margin:5px 0px 0px 0px;
	position:absolute;
	left:0px;
	bottom:-1px;
	width:1000px;
	text-align:center;
	background-image:url(./images/section-menu-background.gif); 
	background-repeat:no-repeat; 
	color:#fff; 
	font-size:10px;
	height:20px;
	line-height:135%;
}
div#footer a, div#footer a:visited{ font-style:italic; color:#fff; }
*/

/* keeps the content in the centre of the screen - no horizontal scrolling at 800x600 */
DIV#fixedWidth { margin:0 auto; width:760px; background-color:#ffffff; color:#808080; }

H1, H2, H3, H4, H5, H6 { color: #0054A5; font-weight:normal; }
H1 { font-size:15pt; font-style:italic; }
H2 { font-size:10pt; line-height:20px; }
H3 { font-size:12pt; font-style:italic; }
H4 { font-size:9pt; margin:0; }

HR { color: #5FA9CE; border-style:dashed; height:1px; }

.bold { font-weight:bold; }

input.text, input.submit, input.reset, select, textarea 
{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; border:solid 1px #808080; }

A { text-decoration:none; color:#0E5E94; }
A:hover { text-decoration:underline; }
A:visited { color:#0E5E94; }

A IMG{ border-width:0; }

/* == Top Menu(s) == */
div#siteMenu { float:right; padding-top:10px; _padding-top:20px; font-size:10px; }
div#siteMenu ul li div { float:left; clear:none; }
div#siteMenu ul li { padding:0; margin:0; display:inline; list-style-type:none; }
div#siteMenu ul li div.left { background-image:url(./images/site-menu-tab-left-corner.gif); background-repeat:no-repeat; width:6px; height:20px; }
div#siteMenu ul li div.middle { background-image:url(./images/site-menu-tab-middle.gif); background-repeat:repeat-x; height:20px; padding-top:2px;}
div#siteMenu ul li div.right { background-image:url(./images/site-menu-tab-right-corner.gif); background-repeat:no-repeat; width:6px; height:20px; margin-right:2px; }
div#siteMenu ul li a { background-image:url(./images/site-menu-tab-middle.gif); background-repeat:repeat-x; color:#0054A5; }

div#siteMenu ul li.selected div.left { background-image:url(./images/site-menu-tab-left-corner-SELECTED.gif); }
div#siteMenu ul li.selected div.middle { background-image:url(./images/site-menu-tab-middle-SELECTED.gif); }
div#siteMenu ul li.selected div.right { background-image:url(./images/site-menu-tab-right-corner-SELECTED.gif); }
div#siteMenu ul li.selected a { background:#0054A5 url(./images/site-menu-tab-middle-SELECTED.gif); color:#fff; }

div.sectionMenu {
	background-image:url(./images/section-menu-background.gif); 
	background-repeat:no-repeat; 
	background-color:#144A83;
	color:#fff; 
	font-size:10px; 
	margin:-3px 0px 0px 0px;
	font-size:12px;
	height:20px;
	line-height:20px;
	padding:0 5px;
}
div.sectionMenu a, div.sectionMenu a:visited{ color:#fff; }
div.sectionMenu a.mf_top_menu_selected { color:yellow; }

div.footerMenu {
	display:inline;
}

/* == Left Hand Search Panel == */
div.searchPanel { 
	color:#fff;
	background:#144A83 url(./images/container-background.gif);
	font-size:6pt;
	padding-top:10px;
}

div.searchPanel span.heading {
	font-style:italic;
	font-size:16pt;
	padding:2px 4px;
}

div.searchPanel span.instructions {
	font-style:italic;
	font-size:9pt;
	padding:4px 4px 6px 4px;
	display:block;
}

div.searchPanel span.subHeading {
	color:#ff0;
	padding:2px 4px;
	text-transform:uppercase;
	font-size:10pt;
	display:block;
	clear:both;
}

div.searchPanel label { margin-top:6px; margin-bottom:2px; font-size:10px; }

div.searchPanel div.itemGroup div {
	float:left;
	width:50%;
}

div.searchPanel div.itemGroupMonths div {
	float:left;
	width:25%;
	text-align:left;
}

div.searchPanel div.itemGroup div.clear, div.itemGroupMonths div.clear {
	float:none;
	width:inherit;
}

div.searchPanel div.searchButton {
	padding-top:5px; text-align:center;
}

div.searchPanel a.imageCheckBoxChecked, a.imageCheckBoxChecked:hover, a.imageCheckBoxChecked:visited, a.imageCheckBoxUnchecked, a.imageCheckBoxUnchecked:hover, a.imageCheckBoxUnchecked:visited {
	text-decoration:none;
	font-size:10px;
}

div.searchPanel a.imageCheckBoxChecked {
	background-image:url(./Images/searchPanelCheckBoxChecked.gif);
	background-repeat:no-repeat;
	/*background-position:left top;*/
	background-position:0 2px;
	padding-left:10px;
	cursor:default;
	color:#fff;
}

div.searchPanel a.imageCheckBoxUnchecked {
	background-image:url(./Images/searchPanelCheckBox.gif);
	background-repeat:no-repeat;
	/*background-position:left top;*/
	background-position:0 2px;
	padding-left:10px;
	cursor:default;
	color:#fff;
}

div.searchPanel div.calendar {
	 text-align:center;
}

optgroup {
	color:#0054A5;
}

option {
	color:#000;
}

/* == Common Page Styles == */
/* #contentPH .section_title, #contentPH FIELDSET, P { margin:5px; padding:5px; } */
#contentPH .contentText { padding:10px; }
#contentPH .contentImage { text-align:center; }
#contentPH .section_title { color: #0054A5; font-size:15pt; font-style:italic; }
#contentPH .required_field_indicator, #contentPH .mf_required_field_indicator, #contentPH .requiredFieldIndicator { 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:center; font-size:11pt; line-height:18pt;
	float:none; clear:both;
	padding:15px 0;
}

DIV.HomePageLinkBar A, DIV.HomePageLinkBar A:visited 
{ color:#ffffff; font-style:italic; }

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 #5FA9CE; padding-left:170px; clear:both; margin:20px 0; }
DIV.activitySummary A.moreinfo { float:right; }
DIV.activitySummary .icon
{ 
	line-height:22px; font-size:13.5pt; font-style:italic;
	text-transform:uppercase;
	padding-left:30px; margin-bottom:10px;
}
DIV.activitySummary A { font-size:11pt; font-style:italic; }
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:-170px; }
DIV.activitySummary P { margin:0; padding:0; }
DIV.activitySummary P.strapLine { margin:0 0 10px 0; padding:0; font-style:italic; width:462px }

H2.search { font-style:italic; font-size:13pt; margin:5px; }
H3.search { font-weight:normal; font-style:italic; 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; border-collapse:collapse; } /* The whole table */
.mf_pricing_table TD { padding:1px 2px; }
.mf_pricing_table_header{ font-weight:bold; background-color:#0054A5; color:#ffffff; } /* 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 <ul> tag for the notes at the bottom */
.PriceGridNote{ list-style-type:disc; } /* The inner <li> tag representing a single note */
.PriceGridSupplementsList{} /* As above, for supplements outer <ul> */
.PriceGridSupplement{ list-style-type:disc; } /* As above, for a supplement inner <li> */

/* == Pagination == */
DIV#pagingNavigator { text-align:center; width:100%; }
DIV#pageXOfX { color:#0E5E94; font-weight:bold; }
DIV#pagingNavigator DIV#links { padding:10px 0px; }

DIV#pagingNavigator A { margin:0px 5px; }
DIV#pagingNavigator A.pageNavDisabled { color:#ccc; }

/* == HOME PAGE STYLES == */
.hp-main { width:655px; height:391px; background:url(/5161-the-spirit-of-travel.jpg) #144A83; color:#ffffff;text-align:justify; }
.hp-main p { margin:0;padding:90px 20px 0 270px; }
.hp-picleft { width:655px; height:183px; background:url(./images/blue-gradient.gif) #144A83;color:#ffffff; }
.hp-picright { width:655px; height:223px; background-color:#ffffff; color:#144A83; }
.hp-picleft img { float:left;margin:0;padding-right:20px }
.hp-picright img { float:right;margin:0;padding-left:20px }
.hp-picleft p, .hp-picright p { margin:0;padding:10px 20px;text-align:center; }
.hp-picleft p a, .hp-picleft p a:visited { color:#ffffff; }
.hp-picright p a, .hp-picright p a:visited { color:#144A83; }
.hp-picleft p.moreinfo, .hp-picright p.moreinfo { text-align:center; }
.hp-picleft p.moreinfo a, .hp-picright p.moreinfo a { background-color:#ffffff;color:#144A83;padding:2px 5px;border:2px solid #0e5e94;font-weight:bold; }
.hp-picleft p.moreinfo a:visited { color:#144A83; }
.hp-picright p.moreinfo a { color:#ffffff;background-color:#144A83; }
.hp-picright p.moreinfo a:visited { color:#ffffff; }
/* == end HOME PAGE STYLES == */
.enquireh1 
{
	margin-top:0;
	margin-bottom:6px;
	line-height: 75%;
}
.enquireSurround{ line-height:90%;}
/* == Some printer friendliness == */
@media print
{
	DIV#fixedWidth { width:100%; }
	TABLE#layout TD#leftColumn, TABLE#layout TD#rightColumn,
	.noPrint { display:none; }
}

