/*dev*/
/*Colours
#005596 is blue
#F58025 is orange
#44444 is grey
*/
/* HTML Elements 
---------------------*/ 
body {	/* font-family defined in body should make all other references to font-family redundant */
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial;
	min-width: 780px;
	height:100%;
	color: #444444;
	background-color: #dedede;
    margin: 0;
	font-size: 11px;
}
body * { /* Allows for tables and other elements that do not inherit from body by default to inherit font-family */
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial;
	font-size: 11px;
}
p {
	margin: 1em 0;
}
.pFirst { /** For the first paragraph in the content cell **/
	margin-top: 0;
}
.pLast { /** For the last paragraph in the content cell when too much space is occuring below the last paragraph. This class is not always needed. **/
	display: inline;
}
address {
	font-style: normal;
}
h2 {
	color: #005596;
    font-weight: bold;
    margin: 1.3em 0 0 0;
    padding: 0;
}
h3 {
	color: #005596;
    padding: 0;
    margin: 1em 0 1em 0;
}
h4 {
	margin-bottom: 0;
	color: #444444;
}
.lstPlain, .lstTravelMedia, .lstPlainFirst {/** For a bulletless list **/
	list-style-type: none;	
}

.lstPlain {
	margin-left: 0;
	padding-left: 0;
}
.lstPlainFirst {
	margin: 0 0 1em 0;
	padding: 0;
}

.lstTravelMedia {
	margin: -1em 0 0 0; /* neg top margin to override the p above's bottom margin */
	padding: 0;
}
.noIndent {
	margin-left: 0;
	padding-left: 14px;
}
.squishTop {
	padding-top: 0;
	margin-top: 0;
}
hr.GrayLine {
	color:#666666;
	background:#666666;
	border: 0; 
	height:1px;
	margin: 5px 0;
}

hr.BlueLine {
	color:#005596;
	background:#005596;
	border: 0; 
	height:1px;
}
/**
a {
	color: #005596;
}

a:hover {
	color: #666666;
    text-decoration: underline;
}
**/
.backToTop { 
	display: block;
	margin: 1em 0 1em 0;
	}

a.Link_Normal, .readMore, .backToTop, a.soundClip {
	color: #005596;
    text-decoration: none;
    font-style: normal;
}

a.Link_Normal:hover, .readMore:hover, .backToTop:hover, a.soundClip:hover {
	color: #666666;
    text-decoration: underline;
    font-style: normal;
}

a.Link_Bold {
	color: #005596;
    font-weight: 700;
    text-decoration: none;
}

a.Link_Bold:hover, .pictureBox h2 a:hover {
	color: #666666;
    font-weight: 700;
    text-decoration: underline;
}

/*a.Link_MiniSiteSearch {
	color: #005596;
}

a.Link_MiniSiteSearch:hover {
	color: #666666;
    text-decoration: underline;
}*/
a img {
	border: none;
}
a.Link_Alpha {
    text-decoration:underline;
    text-align:center;
}

a.Link_Alpha_Selected {
	color: #005596;
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
}

a.Gallery:Link {
    color:#666666;
    text-decoration:none;
    text-align:center;
}
.PanelSearchMenu {
    padding: 0;
}

.HighwayCamSmall {
    width: 138px;
    height: 138px;
	border: solid 1px #666666;
}

.HighwayCamLarge{
    width: 400px;
    height: 320px;
    border: solid 1px #666666;
}

.ContentImage {
	float: right; /** The float addition allows us to remove align=right from the mark-up **/
	margin: 3px 3px 10px 10px;
	border: 1px solid #666666;
}
/* For ContentImages with a caption add this class as a second class*/
.withCaption {
	margin-bottom: 0;
}
.caption {
	float: right;
	clear: right;
	border: none;
	padding-top: 2px;
	font-style: italic;
	width: 140px;
	color: #005596;
	text-decoration: none;
	margin: 0 3px 10px 10px;
}
.ContentImageNoBorder {
	margin: 3px 0 10px 10px;
}

.SpeakerImage {
	margin: 5px 5px 10px 10px;
}
.SpeciesImage, .LeftAlignImage {
	margin: 6px 15px 10px 0;
	border: 1px solid #666666;
	float: left; /** added for bigGameSpecies, smallGameSpecies where I removed align=left attributes **/
}

.FAQImage {
	margin: 3px 3px 10px 10px;
}

.PhotoGalleryImage {
	border: 1px solid #666666;
}
/*Video Clip div - created for teh Fresh Air page, but can be used elsewhere*/
.videoClip {
	width: 140px;
	padding-left: 15px;
}
.videoClip img {
	border: 1px solid #666666;
	margin-top: 10px;
	margin-bottom: 15px;
}
.videoClip span {
	display: block;
	text-align: center;
}
.videoClip .soundClip {
	display: block; 
	text-indent: 40px;
	background: url(/Media/GIF/Sound.gif) no-repeat 20px 13px;
	padding-top: 10px;
}

/* Picture Box and Region Box
To Do: Plan A Trip Styles should be the same as pictureBox Styles
------------------------------------------------------------------*/
.pictureBox {
	border-top: 1px #666666 solid; 
	margin-top: 1.3em;/*13px*/ 
	clear: left;
	overflow: hidden;
	zoom: 1;
}

.videoGallery .pictureBox {
	border-bottom-style: none; 
	border-bottom: 1px #666666 solid; 
	margin: 0;
	padding-bottom: 1.3em;
}

.videoPlayer {
	border-bottom: 1px #666666 solid; 
	padding-bottom: 1.3em;
	text-align: center;
}

.videoPlayer h3, .videoPlayer p {
	text-align: left;
	margin: 0 auto;
}

.pictureBox a h2 {
	margin: 1.3em 0 0 0; /*13px 0 0 0*/
	padding: 0;
}
.regionBox img {
	width: 138px; 
	height: 70px; 
	float: left; 
	margin: 0.5em 1.5em 0 0; 
	border: none;
}

.pictureBox img {
	width: 138px; 
	height: 70px; 
	float: left; 
	margin: 1.7em 1.5em 1.5em 0; /*17px 15px 15px 0*/
	border: none;
}

.videoGallery .pictureBox img {
	width: 133px; 
	height: 100px; 
}

.pictureBox a img, .regionBox a img {
	border: none;
}
img.today {
	width: 138px; 
	height: 103px; 
	float: left; 
	margin: 1em 0 0 0; 
	padding: 0;
	border: none;
}
.pictureBox p, .regionBox p {
	margin: 0;
	padding: 0;
}
.pictureBox ul {
	list-style-position: outside;
	margin: 3.5em 0 0 158px;
	padding: 0;
}
/* bigAdventure class needed for the What Do I feel like today page */
.bigAdventure {
	border-top: none;
	margin-top: 0;
}
.bigAdventure img.today {
	/*margin-top: -2.5em;*/
}
.bigAdventure ul {
	margin-top: 0;
	padding-top: 3.5em;
}
.pictureBox li {
	margin-left: 1.7em;
}
/* Specific Styles for the Linking Program page 
-------------------------------------------------*/
p a.backToTop {
	display: block;
	text-align: right;
	margin: 0;
	padding: 0;
	clear: both;
}
/*
p.pLogo {
	text-align: center;
}*/
img.center {
	margin-left: 170px;
}
.wrapper {
	width: 260px; /*wrappers start at 260px*/
	padding:0;
}
.full {
	width: 445px;
}
.button {
	width: 120px;
	float: right;
	margin: 0 23px 0 0;
	padding: 0;
	clear: right;
}
#buttonC {
	padding-bottom: 10px;
}
.wrapper img {
	margin: 4px 4px 0 0;
	padding: 0;
}
#buttonC img{
	margin: 4px 0 0 20px;
}
#buttonC h3{
	margin-left: 20px;
}
.full img, .button img, .half img {
	margin-right: 0;
}
.button img {
	display: block;
}

#linkButtons, #officialLogo {
	color: #444444;
}
.wrapper h3 {
	/*font-size: 1.1em;*/
	color: #444444; 
	margin-bottom: 0;
}
.lbOn {
	padding: 0;
	margin: 0;
}
.inLinePipe {
	/*text-align: center;*/
	margin-left: 170px;
	padding: 0;
}
.inLinePipe li{
	display: inline;
	list-style-type: none;
	padding: 0 4px 0 0;
	border-right: 1px #005596 solid;
}

.inLinePipe li.last {
	border-right: none;
}
.inLinePipe a {
	padding:  0 0 0 4px;
	color: #005596;
	text-decoration: none;
	text-transform: uppercase;
}
.inLinePipe a:hover {
	text-decoration: underline;
	color: #444444;
}
/* Site Search Box Styles
--------------------------*/ /* Tali: This whole section edited */
.SiteSearchBox {
	margin: 8px 8px 0 0;
	width: 138px;
	text-align: right;
}

.SiteSearchBox input {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial; /* Not inherited. Take care of in reset rule later */
	font-size: 12px;
	color: #999;
	border: solid 1px #7f9db9;
	float: left; /* To fix vertical margin bug in IE */
}

.SiteSearchBox input.inputText {
	width: 108px;
	height: 18px;
	vertical-align: top;
	padding-left: 5px;
}


/* PostCard Styles 
--------------------*/
td.front {
    background-image: url(/Media/images/PostcardFrontPreview.jpg);
    background-repeat: no-repeat;
	height: 320px;
}

td.back {
    background-image: url(/Media/images/PostcardBackPreview.jpg);
    background-repeat: no-repeat;
    height: 340px;
}

div.messagelefttop, 
div.messageleft,
div.messagerighttop,
div.messageright {
    font-size: 10px;
    color: #444444;
	width: 190px; 
}

div.messagelefttop {
	margin-top: 25px;
}

div.messageleft {
	margin-top: 9px;
	margin-left: 25px;
}

div.messagerighttop {
    margin-top: 100px;
    margin-left: 25px;
}

div.messageright {
    margin-top: 10px;
	margin-left: 25px;
}

div.addressto, div.adressfrom {
	font-size: 11px;
	margin-left: 45px;
}

div.adressto {
	margin-top: 140px;
}

div.addressfrom {
	margin-top: 10px;
}

span.label {
	font-weight: bold;
    font-size: 14px;
    color: #005596;
}

img.image {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 20px;
}

/* Plan A Trip Styles
------------------------ */
div.PlanATrip, div.PlanATripLast {
	border-bottom: 1px solid #666666;
	margin: 0 0 15px 0;
	padding:0 0 15px 0;	
}

div.PlanATripLast { /* needed for last div on this Page */
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.PlanATrip img, div.PlanATripLast img {
	float:left;
	margin:0 0 0 5px;
	padding:0;
}

div.PlanATrip p, div.PlanATripLast p {
	margin:0 0 0 158px;
	padding:0; 
	line-height:13px;
}


/* I think this is old code from a Todd experiment */
/*div.PlanATrip hr { 
	clear:both;
	visibility: hidden;
	height:0;
	margin:0;
}*/

.clear {
	clear:both;
}                                                              

/* Plan A Trip Distance Chart
-------------------------------*/
table.distanceChart {display: table;}
.distanceChart tr {display: table-row;}
.distanceChart td, .distanceChart th {display: table-cell; 1px; solid;}
.distanceChart caption {
 text-indent: -9999px;
 font-size: 1px;
}
.distanceChart tfoot { display: none;}

.distanceChart {
  background-color: #fff;
  color: #444444;
  width: 460px;
  padding: 0;
  margin: 10px 0 10px 0;
  border: 1px solid #444444;
  border-collapse: collapse;
 }
 
.distanceChart tr {
 border: 1px solid #444444;
 }
.distanceChart td, .distanceChart th {
 border: 1px solid #444444;
 text-align: center;
 font-weight: normal;
 padding: 2px;
 }
.colThick { width: 18%}
.rowAlt {
 background-color: #e5eef6;
 }
.distanceChart .spacer {
 background-color: #fff;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 }
.distanceChart .to {border-bottom: 1px solid #fff;}
.distanceChart .to, 
.distanceChart .from {
 font-style: italic;
 font-weight: normal;
 text-align: right;
 }
.distanceChart .to {text-align: right;} 
.distanceChart .from, 
.distanceChart .rowHead  {
 text-align: left;
 width: 20%;
}

.distanceChart .colHead,
.distanceChart .rowHead, 
.distanceChart .country {
 color: #005596;
 font-weight: normal;
}
.distanceChart .country { 
 text-transform: uppercase;
 }
.distanceChart .rowThick {
	vertical-align: top;
}

/* Page Content Container Table Elements
-----------------------------------------*/ 
/** Note: there is a div with the class "PageContainer" that is using the align attribute to center it's contents. That class should be removed from the mark-up. **/
table.PageContainer {
    width:780px;
    background-color:#ffffff;
    text-align:left;
    border: 1px solid #999999;
	padding: 0; /* no padding by default. Remove commented padding: 0; below if this looks ok. */
}

td.LandingPageHeader {
    width: 780px;
    height: 280px;
    /*padding: 0;*/
}

td.InnerPageHeader {
    width: 780px;
    height: 200px;
    /*padding: 0;*/
}

td.LeftColumn {
    width: 156px;
    /*padding: 0;*/
}

td.MainColumn {
    width: 624px;
    /*padding: 0;*/
}

table.LandingMainContent {
    width: 624px;
    /*padding: 0;*/
}

table.InnerMainContent {
    width: 624px;
}

.TABLE_Pager {
    color:#005596;
    font-family:'Trebuchet MS', Tahoma, Verdana, Arial;
    Font-Size:12px;
    text-align: right;
}

td.MainContentLeft { 
	width: 468px;
    padding: 10px 5px 10px 5px;
}

td.MainContentRight {
	width: 156px;
	padding: 10px 0 0 0; /* Tali: edited style */
}

td.Footer {
    width: 780px;
}

table.FlashElements {
    width: 624px;
}

td.FlashElement {
	width: 156px;
	padding: 0 0 0 10px;
}


.flashBox {
	overflow: hidden;
}

.flashBox a, .flashBox span {
	display: block;
}

td.FlashElement a {
	background-position: 0 0;
}

.flashBox a {
	margin: 0 9px;
	color: #444;
	width: 138px;
	height: 150px;
	background: white no-repeat 0 18px;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	float: left;
	display: inline;
}

.flashBox #link {
	display: none;
}

.flashBox #super {
	color: #666;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
}

.flashBox #sub {
	padding-top: 85px;
}

.flashBox a:hover {
	background-position: -138px 0;
}

.flashBox a:hover #link {
	display: block;
}

.flashBox a:hover #super {
	padding-top: 85px;
	color: #336699;
}

.flashBox a:hover #sub {
	display: none;
}









tr.CallOutBoxBody
{
	color: #000000;
    font-size:11px;
    padding: 2px 4px 2px 4px;
    background-color: #E5E5E5;
}

span.quickSearchTerm {
	color: #FF8110;
	font-weight: bold;
	text-transform: capitalize;
}

table.Weather {	
}

/* The MiniSearch Styles are found on the PlanATrip/GTAA/OnYourOwn Page and PlanATrip Tours page */ 
table.MiniSearchForm {
	background-color: #E5E5E5;
}

td.MiniSearchField {
	padding: 0 0 0 4px;
}

td.MiniSearchButton {
	padding: 10px 4px 0 0;
	text-align: right;
}

td.MiniSearchFooter {
	padding: 5px 4px 4px 0;
	text-align: right;
}


/* DIV Elements *
--------------------*/
div.PageContainer {
}

div.LocationSeasons {
	padding: 0 0 0 13px;
}

div.LostMenu {
	padding: 5px 0 0 10px;
	background-color: #ffffff;
}

div.TravelIndustry {
	padding: 10px 0 0 10px;
	background-color: #ffffff;
	clear:both;
}

div.FlashMaps {
	padding: 10px 0 0 10px;
	background-color: #ffffff; 
	z-index:0;
}
div.FlashMapsContent {
	float: right; 
	margin: 0; 
	padding: 0 0 0 20px;
}
div.CMSMenu {
	padding: 5px 0 0 10px;
	background-color: #ffffff;
}

div.CMSSubMenu {
	padding: 0 0 0 10px;
	background-color: #ffffff;
}

div.CMSThirdLevelMenu {
	padding: 0 0 0 20px;
	background-color: #ffffff;
}

div.SecondaryMenu {
	padding: 0 0 0 9px;
	background-color: #ffffff;
}

div.BreadCrumbTrail {
    padding: 6px 0 5px 5px;
}

div.SiteSearch {
    padding: 6px 10px 0 0;
}

div.TopMenu {
	padding: 0;
}

div.BottomMenu1 {
	padding: 20px 0 5px 0;
	background-color: #ffffff;
}

div.BottomMenu2 {
	padding: 5px 0 10px 0;
	background-color: #ffffff;
}

div.MainContentRight {
	padding: 6px 0 0 10px;
}

div.ThemePicker {
	padding: 0 0 0 10px;	/* Tali: edited style */
}

div.SearchMenu {
	padding: 0 0 10px 10px;	/* Tali: edited style */
}

div.HeaderImage {
	background-image: url(../Media/PageHeaders/homepageb_harbour.jpg);
	height: 280px;
	width: 780px;
}

.TopPadded {
    width:100%;
    padding-top: 40px;
}


/* Bread Crumb Trail Styles 
----------------------------*/
.A_Pager {
	color: #005596;
    font-size:11px;
    font-weight: bold;
    text-decoration: none;
}

.A_Pager:hover {
	color: #F58025;
    text-decoration: underline;
}

a.BreadCrumb, .BreadCrumbSpacer {
	color: #005596;
    font-size:11px;
    font-weight: bold;
	text-decoration: none;
}

a.BreadCrumb:hover {
	color: #444444;
	text-decoration: underline;
}

a.LostMenu {
    color: #666666;
    font-size:11px;
    line-height: 15px;
    padding: 0;
    text-decoration:none; 
    clear:left;
}

a.LostMenu:hover {
    text-decoration:underline;
}

.BreadCrumbCurrentNode, 
.BreadCrumbCurrentNode:hover {
	color: #F58025;
    font-weight: bold;
}
.BreadCrumbTrail h1 {/*This rule to replace the span.BreadCrumbCurrentNode rule above */
	color: #F58025;
    font-weight: bold;
    display: inline;
    padding: 0;
    margin: 0;
}

.BreadCrumbTrailSeperator {
    background-color: #ffffff;
}


/* Menu Styles 
---------------------*/
/* Commented out because this rule is not referenced anywhere in the project
.smis a  {
	width: 100%;
	display: block;
}*/

.TopMenu-StaticMenuItemStyle {
	color: #000000;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin: 0;
}

.TopMenu-DynamicMenuItemStyle { 
    display: block;
    font-size:11px;
    background-color: #336699;
    color: #000000;
    width: 160px;
    text-indent: 3px;
    text-align: left;
}	
	
.TopMenu-DynamicHoverStyle {
	color: #336699;
    background-color:White;
	text-decoration: none;     
}

.TopMenu-DynamicSelectedStyle {
}

.BottomMenu1-StaticMenuItemStyle {
    color: #005596;
    font-size:11px;
	padding: 0 0 0 2px;
}

.BottomMenu1-StaticHoverStyle {
    color: #444444;
    font-size:11px;
    padding: 0 0 0 2px;
}

.BottomMenu2-StaticMenuItemStyle {
    color: #444444;
    font-size: 11px;
    padding-left: 2px;
    padding-bottom: 0;
}

.BottomMenu2-StaticHoverStyle {
    color: #666666;
    font-size: 11px;
    padding: 0 0 0 2px;
}

.LostMenu-StaticMenuItemStyle, 
.LostMenu-StaticHoverStyle {
    color: #666666;
    font-size:11px;
    line-height: 15px;
    padding: 0;
}

.LostMenu-StaticSelectedStyle {
}

.CMSMenu-StaticMenuItemStyle {
	color: #005596;
	font-size:11px;
	line-height: 15px;
    padding: 0;
}

.CMSMenu-StaticHoverStyle {
	color: #005596;
	font-size:11px;
	line-height: 15px;
    padding: 0;
}

.CMSMenu-StaticSelectedStyle {
	color: #f58025;
	font-weight: bold;
    padding: 0;
}

.SiteMap-MenuItemLevel1 {
    font-size:14px;
    color:#F58025;
    padding-left:5px;
    font-weight:bold;
}

.SiteMap-MenuItemLevel2 {
    font-size: 13px;
    color:#005596;
    padding-left:5px;
    font-weight:bold;
}

.SiteMap-MenuItemLevel3 {
    font-size: 12px;
    color:#666666;
    padding-left:5px;
}

.SiteMap-MenuItemLevel4 {
    font-size: 11px;
    color:#666666;
    padding-left:5px;
}

.SiteMap-StaticMenuItemStyle {
	color: #666666;
    text-decoration: none;
}

.SiteMap-StaticHoverStyle {
	color: #000000;
	font-size:11px;
    text-decoration: none;
}


/* Text Styles 
----------------*/

.Text {
	color: #444444;
   	padding:0;
}

.Text_Callout { /* used for blockquotes and address tags */
	color: #005596;
    margin: 0;
    padding: 0;
}

blockquote.Text_Callout {
	font-style: italic;
}

address.Text_Callout {
	font-style: normal;
}

.Text_Bold {
	color: #444444;
    font-weight: bold;
   	padding: 0;
}

.Text_ValidationError {
	color: #E31623;
    font-weight: bold;
    padding: 0;
}
.Text_PageHeadline { /*For Page Headlines - to replace span with in-line styles*/
	color:#005596;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;  
    font-weight: bold;
    margin-top: 0;
}
.Text_Headline { /*For headings in content that need space underneath*/
	color:#005596;
	font-family:"Trebuchet MS",Tahoma,Verdana,Arial; 
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
}


.Text_ParagraphHeader, 
h2.bigGameSpecies, 
h2.bigGameSpeciesFirst, 
h2.smallGameSpecies, 
h2.smallGameSpeciesFirst {
	color: #005596;
    font-weight: bold;
    padding: 0;
}
h2.Text_ParagraphHeader { /*For headings in content that have no space underneath*/
	margin-bottom: 0;
	padding-bottom: 0;
}
/*Regional Heading Styles*/
h2.Region {
	clear: left;
}
h2.Region, .Region a {
	font-weight: bold;
    padding: 0 0 0.50em 0;
    margin: 1em 0 0.50em 0;
}

h2.Region, h2.Linking {
	border-bottom: 1px solid #666666;	
}
.Region a {
	text-decoration: none;
}
/*Region hover styles are the same as the Link_Bold hover style*/
h2.Region a:hover {
	color: #666666;
    font-weight: bold;
    text-decoration: underline;
}
.Avalon, .Avalon a {color:#d57500;}
.East, .East a {color: #613318}
.Central, .Central a {color: #9f2d20}
.West, .West a {color: #0f4d2a}
.Labrador, .Labrador a {color: #002d62}

h2.bigGameSpeciesFirst, 
h2.smallGameSpeices {
	margin: 0.20em 0 0.20em 0;
}

h2.bigGameSpecies, 
h2.smallGameSpecies {
	margin: 0.75em 0 0.20em 0;
}

.Text_PageSubHeadline {
    color: #F58025; 
    font-weight: bold;  
    padding: 0; 
}
.Text_PageSubHeadline {
	font-size: 14px;
}

.Text_SearchItemTitle {
	color: #333333;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
}

.Text_SearchItemSubTitle {
	color: #666666;
    font-size:11px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
}

.Text_SearchItemLabel {
	color: #005596;
    font-size:11px;
    font-weight: bold;
    padding: 0;
}

.Text_SearchItemValue {
	color: #444444;
    font-size:11px;
    padding: 0;
}

.Text_MiniSearchItemValue {
	color: #444444;
    font-size:10px;
    padding: 0;
}


/* Form Controls 
-------------------*/
textarea {
	color: #666666;
    font-size:11px;
    background-color: #efefef;
    border: 1px solid #aaaaaa;
}

.LinkButton {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
}

.LinkButton:Hover {
    text-decoration: underline;
}



/* Gridview Styles 
----------------------*/
.SearchResults-RowStyle {
    background-color:#CCCCCC;
}

.GridView {
	border: 1px solid #CFCFCF;
}

.GridView-PagerStyle {
    color:#666666;
    font-size:11px;
    font-weight:bold;
    text-decoration: none;
    padding: 0;
}

.GridView-PagerStyle:Link {
    font-weight:bold;
}

.GridView-HeaderStyle {
	font-size: 14px;
	background-color: #005696;
	padding: 2px;
	height: 25px;
	text-align: left;
}

.GridView-FooterStyle {
	color: #000000;
	font-size:11px;
	background-color: #ffffff;
	padding: 2px;	
}

.GridView-RowStyle {
	color: #333333;
	font-size:11px;
	background-color: #ffffff;
	padding: 2px;
}

.GridView-AlternatingRowStyle {
	color: #333333;
	font-size:11px;
	background-color: #EFEFEF;
	padding: 2px;
}

.GridView-SelectedRowStyle {
	color: #333333;
	font-size:11px;
	background-color: #F9D072;
	padding: 2px;
}

.TravelBag {
	border: solid 0px #CCCCCC;
	margin-bottom:10px;
}

.TravelBag-AlternatingRowStyle {
	background-color: #EEEEEE;
}

.TravelBag-RowStyle {
	background-color: #DDDDDD;
}

.TravelBag-EmptyDataRowStyle {
	background-color: #DDDDDD;
	color: #444444;
    font-size:11px;
    text-decoration: none;
    height: 35px;
}

.TravelBag-HeaderStyle {
	color: #005596;
    font-size:11px;
    font-weight: bold;
    text-decoration: none; 
    vertical-align:middle;
    padding: 20px 0 0 0;
}

.TravelBag-FooterStyle {
    padding-bottom: 20px;
}


/* Tree View Styles 
----------------------*/
.TreeView-RootNodeStyle {
	color: #005596;
    font-size:11px;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
}

.TreeView-LeafNodeStyle {
	color: #666666;
    font-size:11px;
    text-decoration: none;
    padding: 5px 0 10px 0;
}

.TreeView-SelectedNodeStyle {
	color: #F58025;
    font-size:11px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 0 10px 0;
}


/* LiteBox Styles 
--------------------*/
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
	
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url("/Media/gif/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0; 
	float: left;
}

#nextLink {
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
background: url("/Media/gif/prevlabel.gif") left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url("/Media/gif/nextlabel.gif") right 15% no-repeat;
}

#imageDataContainer {
	color: #444444;
    font-size: 11px;
    background-color:#ffffff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding:0 10px;
}
	
#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left;
}
	
#imageData #caption {
	font-weight: bold;
}
	
#imageData #numberDisplay {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}
				
#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;
}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	/*filter:alpha(opacity=60);*/
	-moz-opacity: 0.6;
	/*opacity: 0.6;*/
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	

/* Canada Select Ratings
----------------------*/
dl.Rating {
	margin: 0;
	padding: 0;
}

.Rating dt {
	margin:0;
	padding: 0;
	font-style: italic;
}
.Rating dt>img {
	margin: 0 4px 0 2px;
}

.Rating dd {
	margin: 0 0 1em 2.4em;
	padding: 0;
}
/* Packages
-----------------*/
#couponContainer {
	background-color: #fff;
	width: 455px;
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#couponContainer .Text_Headline {
	border-bottom: 1px #666 dashed;
}
.packageCoupon {
	margin: 0px 0 14px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px #666 dashed;
}
.wallet .packageCoupon img {
	margin: 0;
	border-style: none;
}
.wallet {
	border-top: 1px #666 dashed;
}
.couponHead h1, .couponHead h2 {
	padding-bottom: 4px;
}
.packageCoupon a {
	text-decoration: none;
	color: #005596;
}
.packageCoupon a:hover {
	text-decoration: underline;
	color: #666;
}
.packageCoupon table {
	/*border-bottom: 1px #666 dashed;*/
	padding: 0 0 0 0;
	}
.packageCoupon td {
	padding: 0;
}
.firstHalf td {
	vertical-align: top;
	/*background-color: yellow;*/
}
.secondHalf td {
	vertical-align: top;
	/*background-color: orange;*/
}
#couponContainer .Text_Headline {
	clear: both; 
	border-bottom: 1px #666 dashed;
	padding-bottom: 0.5em;
}
.packageCoupon h1,
.packageCoupon h2,
.packageCoupon h2 span {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0 0 4px 0;
    line-height: 16px;		
	}
.packageCoupon h1 {
	color: #005596;
}
.packageCoupon h2 {
	text-align: right;
}
/*Region Colors*/
.Avalon, .Avalon a {color:#d57500;}
.East, .East a {color: #613318;}
.Eastern, .Eastern a {color: #613318;}
.Central, .Central a {color: #9f2d20;}
.West, .West a {color: #0f4d2a;}
.Western, .Western a {color: #0f4d2a;}
.Labrador, .Labrador a {color: #002d62;}

.packageCoupon img {
	/*width: 113px;*/
	border: 1px #666 solid;
	margin:0 10px 5px 0;
	padding: 0;
}
.packageCoupon img.logo {
	display: block;
	width: 92px;
	border: none;
	margin: 0 0 2em 0;
	float: right;
}
.description {
	margin: 0 35px 6px 0;
	padding: 0;
}
.offer {
	color: #005596;
	font-weight: bold;
	font-size: 18px; /*30px is way too big*/
	text-align: center;
	width: 113px;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 18px; /*30px is way too big*/
}
.offer sup {
	font-size: 20px;
}
.disclaimer {
	font-style: italic;
	text-align: center;
	width: 113px;
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}
ul.contact {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.contact li {
	padding-left: 18px;
	line-height: 16px;
	vertical-align: bottom;
}
.contact .location {
	background: url(../Media/gif/Locations.gif) no-repeat left;
}
.contact .email {
	background: url(../Media/gif/Email.gif) no-repeat left;
}
.contact .web {
	background: url(../Media/gif/Website.gif) no-repeat left;
}
.contact .tel {
	background: url(../Media/gif/Telephone.gif) no-repeat left;
}
.contact .fax {
	background: url(../Media/gif/Fax.gif) no-repeat left;
}
.contact .tollFree {
	background: url(../Media/gif/TollFree.gif) no-repeat left;
}
/*Search Packages*/
.packageSelect {
	clear: both;
}
.packagesWrapper {
	float: left;
	padding-bottom: 25px;
}
.seasons {
	width: 138px;
}
.experiences, .regions {
	width: 158px;
}
.wrapper label {
	color: #444;
	display: block;
	/*font-weight: bold;*/
}
.wrapper select {
	clear: left;
	width: 138px;
	height: 22px;
	color: #666;	
	background-color: #efefef;
}
.wrapper option {
	color: #666;
}
.packageSelect input {
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	clear: both;
}
/*Top Menu*/
#pageHeader { 
	background: transparent url(/Media/PageHeaders/GrosMorne.jpg) no-repeat bottom;
	width: 780px;
	height: 280px;
}
/* Hides the text of the h1 tag */
#pageHeader h1 {
	text-indent: -9999px;
}
#linkHome {
	position: absolute;
	left: 0;
	top: 20px;
	display: block;
	width: 168px;
	height: 100px;
	padding: 0;
}
#linkHome, #linkHome img {
	border: none;
}
#navContainer {
	width: 780px; /* approx 70.90em */
	position: relative;
}

/** Bare bones drop down positioning
--------------------------------------**/
#nav ul, #nav ul ul {
	list-style: none;
}
#nav a {
	display: block;
	width: 10em;
}
#nav li {
	float: left;
	width: auto;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* Making them prettier - over barebones where necessary.
----------------------------------------------------------*/
#nav ul {
	position: absolute;
	left: 193px; /*168px was too close to logo */
	line-height: 1.8em;
	width: 587px; /*612px*//* fixed width to keep menu from wrapping when window decreases */
	margin: 0;
	padding: 0;
}
#nav li {
	/*border-right: 1px green solid;*/
	margin-right: 5em; /*4em*/
}
#nav li ul li {
	background-color: #336699;
	line-height:1.4em;
	width: 12.5em; /*12.75*//* need to adjust width on link width below for the hover to work to the edge of the containing li in IE6 */
	text-align: left;
}

/* Link Behaviour
----------------*/
#nav a 
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

#nav li li a 
{
	color: #fff;
	font-weight: normal;
	padding-left: 0.5em; /* subtract padding from li width to get link width */
	width: 12em; /*12.25em*//* need width on li/a for the hover to work to the edge of the containing li in IE6 */
}
#nav li li a:hover {
	color: #336699;
	background-color: #fff;
}

.landingMenu a 
{
	color: #fff;
}

.innerPageMenu a 
{
	color: #3c3c3c;
}

.innerPageMenu #nav ul 
{
	margin-top: 2px;
}

.socialMedia {
	margin: 15px 0 0 0;
}

ul.socialMedia {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

#diggLink, #delLink, #rssLink
{ 
	margin: 0;
	padding:2px 0 0 20px; 
	height:16px; 
	
}

#diggLink {
	background:url(/media/gif/digg.gif) no-repeat top left; 
}

#delLink {
	background:url(/media/gif/delicious.gif) no-repeat top left; 
}

#rssLink {
	background:url(/media/gif/rss.gif) no-repeat top left; 
}

ul.enewsArchive {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.enewsArchive li {
	float: left;
	margin-right: 10px;
	padding-top: 10px;
	text-align: center;
}

ul.enewsArchive li a {
	text-decoration: none;
}

/* Global Classes */
.right {float: right;}
.left {float: left;}

h2.largeblue {
	font-weight: bold;
	color: #005596;
	font-size: 13px;
}
/**/
ul.mapCategories, ul.mapRoutes, ul.mapSights{
	list-style: none; 
	margin:0; 
	padding: 0;	
}
ul.mapCategories li input, ul.mapRoutes li input, ul.mapRouteRegions li input, ul.mapScenicRoutes li input, ul.mapSights li input{
	margin-right: 3px;	
}
ul.mapCategories ul, ul.mapRouteRegions{
	list-style: none; 

	padding:0 0 0 10px;	
}
ul.mapScenicRoutes {
list-style: none; 

	padding:0 0 0 20px;	
}
ul.mapRegions{
	list-style: none; 
	margin:0; 
	padding:0 0 10px 10px;
	color:#005596;
	cursor:pointer;	
}
ul.mapRegions a:hover
{
	text-decoration:underline;
	
}

div.mapInfoWindow ul {
	list-style-type: none;
}

div.mapInfoWindow {
	width: 340px;
	max-height:300px;
	margin-top:10px;
	overflow:auto;		
}

div.mapInfoWindowImages {
	width: 150px;
	float: right;
	text-align: center;
}

div.mapInfoWindowImages img {
	margin-top: 10px;
}

div.mapSightsInfoWindow {
	width: 300px;
}

div.context {
 font-family:Arial, sans-serif;
 text-decoration:none;
 color:#005596;

}
a#dFromHere:hover div, a#dToHere:hover div, a#dClear:hover div{
 background:#e5e5e5;
}
.mapAjaxIndicator {
	position: relative;
	display: none;
	z-index: 99;
}
.mapAjaxIndicator img {
	position: absolute;
	top: 180px;
	left: 180px;
	z-index: 99;
}
.tooltip
{
	background-color:#ffffff;
	border:1px #666666 solid;
	padding:2px 2px 2px 2px

}
ul.nopadding {
	padding: 20px;
	margin: 0;
}

.mapLinks li{
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #005596;
}

.mapLinks li.last {
	border-right: 0;
}

.mapLinks li a {
	color: #005596;
	text-decoration:none;
}

.mapLinks li a:hover {
	text-decoration:underline;
}
.pagination {
	text-align: right;
	clear: left;
}

.backToTop {
	display: block;
	text-align: right;
}

.logoTypeSet{
/*height:117px;*/
height:auto;
width:92px;
text-align:center;
font-size:14px;
font-family: 'Trebuchet MS',Tahoma,Verdana,Arial;
font-weight:bold;
color: #005596;
overflow:hidden;
}

.MapLegend
{
	padding:2px 0;
}

.MapLegend img
{
	vertical-align:middle;
	width:12px;
}

.login label {
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	width: 100px;
}

.login input {
	background-color:#EFEFEF;
	border:1px solid #759DB9;
	float:left;
	height:18px;
	width:150px;
}

.login div {
	height:20px;
	margin:8px 0;
	padding:0;
}

.submitPanel {
	clear: both;
}

.loginWidget .nopadding {
	padding-top: 0;
	padding-bottom: 0;
}

.loginWidget input {
	border:1px solid #7F9DB9;
	color:#999999;
	margin: 2px 0;
}


.tblHotSpots .rwAvalon
{
	background:#D57500;
	color:#FFF;
	text-align:center;
	border-width:1px 0 0 0;
}

.tblHotSpots .rwCentral
{
	background:#A02020;
	color:#FFF;
	text-align:center;
	border-width:1px 0 0 0;
}

.tblHotSpots .rwEastern
{
	background:#503010;
	color:#FFF;
	text-align:center;
	border-width:1px 0 0 0;
}

.tblHotSpots .rwWestern
{
	background:#0F4D2A;
	color:#FFF;
	text-align:center;
	border-width:1px 0 0 0;
}

table.tblHotSpots, .tblHotSpots td
{
    border-color: #000;
    border-style: solid;
}

table.tblHotSpots
{
	border-width:1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.tblHotSpots td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}


.tblHotSpots .tdSection
{
	color:#005596;
	width:90px;	

}

.tblAvalon td
{
    background-color: #F8F8E8;
}

.tblCentral td
{
    background-color: #F4ECEC;
}

.tblEastern td
{
    background-color: #ECECE4;
}

.tblWestern td
{
    background-color: #E7ECE7;
}

.MainContentRight .submitPanel
{
	text-align:left;
	width:auto;
}
#ctl00_cphFormContent_lblOperators,#ctl00_cphFormContent_lblSiteResults 
{
	font-size:13px;
}

.Text_SearchItemTitles
{
	color:#555555;
	font-size:12px;
	font-weight:bold;
}


.logoCell{
	width:9px;
}