@charset "UTF-8";
/* Main Style Sheet */

html, body {
padding:0;
margin:0;

}

/* Changes color or entire site to red */
body {
	background-color: #000;
}
/* Gets rid of link border around images */
a img { border: 0; 
}

/* ------------------- */  
a.mainFooter:link    {
  /* Applies to unvisited links of class mainFooter */
  text-decoration:  none;
  color:            #3C3C3C;
  } 
a.mainFooter:visited {
  /* Applies to visited links of class mainFooter */
  text-decoration:  none;
  color:            #5cc7ee;
  } 
a.mainFooter:hover   {
  /* Applies to links under the pointer of class mainFooter */
  text-decoration:  underline;
  color:            #3C3C3C;
  } 
a.mainFooter:active  {
  /* Applies to activated links of class mainFooter */
  text-decoration:  underline;
  color: #3C3C3C;
  } 
  
/* ------------------- */  
a.mainFeatureColumns:link    {
	/* Applies to unvisited links of tour packages */
  text-decoration:  none;
	color:            #000;
  } 
a.mainFeatureColumns:visited {
	/* Applies to visited links of tour packages */
  text-decoration:  none;
	color:            #000;
  } 
a.mainFeatureColumns:hover   {
	/* Applies to links under the pointer of tour packages */
  text-decoration:  underline;
	color:            #FC3;
  } 
a.mainFeatureColumns:active  {
	/* Applies to activated links of tour packages */
  text-decoration:  underline;
	color: #FFF;
  }
    
/* ------------------- */    
a.main:link    {
	/* Applies to unvisited links of tour packages */
	text-decoration:  none;
	color:            #FC0;
  } 
a.main:visited {
	/* Applies to visited links of tour packages */
  text-decoration:  none;
	color:            #0FF;
  } 
a.main:hover   {
	/* Applies to links under the pointer of tour packages */
  text-decoration:  underline;
	color:            #FC3;
  } 
a.main:active  {
	/* Applies to activated links of tour packages */
  text-decoration:  underline;
	color: #FFF;
  }  
/* ------------------- */  
 
  
/* Contains all the elements to center all the way down to the footer */
#ContainerWrapper {
	width: 907px;
	margin: 2em auto 0px auto;
	height: 100%;
}

/* Text Channges to Phone Number, Toll Free and Travel Agent Logon */	
#PhoneNumberPlacement p,
#TollFreeNumberPlacement p,
#TravelAgentLogin p  {
	font: 16px Verdana;
	margin: 0px;
	color: #FFFFFF;
	padding-bottom: 3px;
	text-align: right;
}
/* Position for City Sightseeing Logo */
#LogoHeader {
	float: left;
	background-color: c80000;
}
#SlideShowSection {
	float:right;
	background-color: c80000;
	padding-bottom: 80px;
}
/* Navigation Menu bottom padding position */
#NavigationMenu {
	padding-bottom: 0px;
}
/* Travel Agent Login position and text color */
#TravelAgentLogin {
	padding-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	color: #FFF;
}



/* Form Section */

/* Bottom Padding to the progress bar */
#ProgressBar {
	padding: 0 0 30px 0;
}

/* Info Indicator - Tells the user what is going on on each page, it also has bottom padding and bottom yellow border */
#InfoIndicator,
InfoIndicator h3	{
	padding-bottom: 3px;
	border-bottom: 5px solid #ffcc00;
	font: 13px Verdana;
	margin: 0px;
	color: #FFFFFF;
}

/* MainFormWhiteBox - is a white box that'll contain all the form info */
#MainFormWhiteBox {
	width:907px;
	background-color:#FFF;
	border-bottom: 5px solid #ffcc00;
	margin-bottom: 80px;
}

/* #MainFormWhiteBox [ - styles all the text in the white box */
#MainFormWhiteBox p {
	font: 13px Verdana;
	width: 890px;
	margin-left:10px;
	line-height: 18px;
}

/* FormBlueBox - contains a heading and blue box */
#FormBlueBox {
	width:907px;
	background-color:#FFC726;
	height:30px;
}
#FormBlueBox h2	{
	margin:2px 0 0 10px;
}

/* Contains a Yellow Solid Line at the bottom of the whole Welcome Heading*/
#MainSection {
	padding-bottom: 10px;
	border-bottom: 5px solid #ffcc00;
}

/* Text change to Heading */
#MainSection h1 {
	color:#FFC726;
	font-weight:bold;
	font: 24px/30px Verdana;
}
	
	
/* Contains the text changes to the Welcome section */
#MainSection p, h2, h3 {
	font: 14px/24px Verdana;
	margin: 0px;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-align: left;
	font-weight: lighter;
}
/* Creates the white box for Toronto Double-Decker City Tour */
#MainTourFeatureWhiteBox {
	margin: 20px 0 50px 0;
	width: 430px;
	background-color:#FFF;
	float:left;
	overflow: auto;
	min-height: 375px;
   	height:auto !important;
   	height: 375px;
	display: inline; /* Prevents "stepdown" */


}
/* Creates the blue box for Toronto Double-Decker City Tour */
#MainFeatureBlueBox {
	height:70px;
	width: 430px;
	z-index: 2;
	background-image: url(../images/TorontoMainHeading.png);
	float: right;
	background-repeat: no-repeat;
}
/* Creates the text heading and Postion for Toronto Double-Decker City Tour */
#MainFeatureTitle h1, h2 {
	font: bold 16px/19px Verdana;
	margin: 40px 0 0 60px;
	clear: none;
	float: left;
	display:inline;
	z-index: 3;
}
/* Creates the text and positioning for Toronto Double-Decker City Tour */
#MainTourFeatureWhiteBox p, h2, h3 {
	line-height: 18px;
	padding: 5px 0 0 5px;
	margin: 10px;
	color:#3C3C3C;
	font: 14px/18px Verdana;
}
/* Positions the image for Toronto Double-Decker City Tour */
#MainFeatureTourPicture {
	margin-top:50px;
	float:right;
}
/* Creates Yellow border underneath Toronto Double-Decker City Tour */
#YellowDivider {
	border-bottom: 5px solid #ffcc00;
}
/* Creates a break clear float */
.clearfloat {
	clear:both;
	height:0px;
}

/* Creates a blue box for the following and bacground image for:Toronto Harbour */
#Column1BlueBox {
	height:70px;
	background-image: url(../images/Column1Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Niaraga Falls */
#Column2BlueBox {
	height:70px;
	background-image: url(../images/Column2Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Go-See-Do */
#Column3BlueBox {
	height:70px;
	background-image: url(../images/Column3Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
}

/* Creates the markup text for the following tours details; Toronto Harbour |  Niaraga Falls | Go-See-Do */

#Column1WhiteBox p,
#Column2WhiteBox p,
#Column3WhiteBox p	{
	font: 12px/16px Verdana;
	margin: 10px;
	padding-bottom: 13px;
	text-align: left;
	color: #3C3C3C;
	width: 205px;
	font-weight: normal;
}
/* Position and Font for Coloumn 1 Heading */
#Column1Title h1, h2 {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 60px;
	clear: none;
}

/* Position and Font for Coloumn 2 Heading */
#Column2Title h1, h2 {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 60px;
	clear: none;
}


/* Position and Font for Coloumn 3 Heading */
#Column3Title h1, h2 {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 65px;
	clear: none;
}

/* Creates a white box and postion for Toronto Harbour and Island Cruise */
#Column1WhiteBox {
	margin: 27px 110px 5px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */
	
}

/* Creates a white box and postion for Niagara Falls Day Tour */
#Column2WhiteBox {
	margin: 27px 107px 5px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */
}
/* Creates a white box and postion for Go-See-Do Toronto Tour */
#Column3WhiteBox {
	margin: 27px 0px 5px 0px;
	width: 230px;
	float:right;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

}




/*-----------------------------------------------------------------*/





/* Creates a blue box for the following and bacground image for:Toronto Harbour */
#Column4BlueBox {
	height:70px;
	background-image: url(../images/Column4Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Niaraga Falls */
#Column5BlueBox {
	height:70px;
	background-image: url(../images/Column5Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
	}
	
/* Creates a blue box for the following and bacground image for: Go-See-Do */
#Column6BlueBox {
	height:70px;
	background-image: url(../images/Column6Heading.png);
	float: right;
	width: 230px;
	background-repeat: no-repeat;
}

/* Creates the markup text for the following tours details; Toronto Harbour |  Niaraga Falls | Go-See-Do */

#Column4WhiteBox p, h3,
#Column5WhiteBox p, h3,
#Column6WhiteBox p, h3	{
	font: 12px/16px Verdana;
	margin: 10px;
	padding-bottom: 13px;
	text-align: left;
	color: #3C3C3C;
	width: 215px;
}
/* Position and Font for Coloumn 1 Heading */
#Column4Title h1, h2 {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 60px;
	clear: none;
}

/* Position and Font for Coloumn 2 Heading */
#Column5Title h1, h2 {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 95px;
	clear: none;
}


/* Position and Font for Coloumn 3 Heading */
#Column6Title h1, h2 {
	font: bold 14px/16px Verdana;
	text-align: left;
	color: #000;
	margin: 30px 0 0 75px;
	clear: none;
}

/* Creates a white box and postion for Toronto Harbour and Island Cruise */
#Column4WhiteBox {
	margin: 27px 110px 100px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

	
}

/* Creates a white box and postion for Niagara Falls Day Tour */
#Column5WhiteBox {
	margin: 27px 107px 100px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

}
/* Creates a white box and postion for Go-See-Do Toronto Tour */
#Column6WhiteBox {
	margin: 27px 0px 100px 0px;
	width: 230px;
	float:left;
	background-color:#FFF;
	overflow: hidden;
	min-height: 430px;
	height:auto !important;
	height: 430px;
	display: inline; /* Prevents "stepdown" */

/*--------------------------------------------*/






}
/* Creates the text markup for the following Headings; Recent Commnets | Email NewsLetter | Contact us | Partners */
#RecentCommentsHeading p,
#EmailNewsletterHeading p,
#ContactUsHeading p,
#PartnersHeading p  {
   font: 16px Verdana;
   margin: 0px 0 5px 0;
   padding-bottom:5px;
   color: #434343;
   text-align: left;
   border-bottom: 1px solid #c80000;

}
/* Creates the text markup for the following details; Recent Commnets | Email NewsLetter | Contact us */
#Comments p,
#ContactInfo p,
#EmailStandardTxt p {
   font: 10px/14px Verdana;
   margin: 0px;
   color: #434343;
   text-align: left;
}
/* Position for Recent Comments Column */
#RecentCommentsColumn {
	width: 196px;
	float:left;
	margin: 30px 20px 0 0;
}
/* Position for Email Newsletter Column */
#EmailNewsletterColumn {
	width: 215px;
	float:left;
	margin:30px 25px 0 0;
}
/* Position for Contact us Column */
#ContactUsColumn {
	width:220px;
	float:left;
	margin:30px 20px 0px 0;
}
/* Position for Partners Column */
#PartnersColumn {
	width: 207px;
	float:right;
	margin: 30px 0 20px 0;
}
/* Position for Sitemap Navigation Links navcontainer) */
#navcontainer {
	width:907px;
	overflow:hidden;
	float:left;
}
/* Decoration for Sitemap naviagaion Links */
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 25px;
	
}
/* Text Markup for CopyRight Heading and Sitemap Navigation Links (navcontainer) */
#CopyRightHeading p,
#navcontainer  {
	font: 9px/15px Verdana;
	color: #434343;
	text-align: center;
	line-height: 20px;
	overflow: hidden;
	background-color: #FFF;

}
/* Position for CopyRight */
#CopyRightHeading {
	width:907px;
	float:left;
}
/* Contains all the elements to center inside the footerContainer to look as thuogh it's being centered by the Main (container) */
#FooterContainer {
	width: 907px;
	margin: 0px auto 0px auto;

}

/* This wraps the (FooterContainer) inside the (FootWrapper) to make the (FooterBG) image repeat on the x-axis out side the the main (container) */
#FooterWrapper {
	width: 100%;
	height: 100%;
	margin: auto;
	background-image:url(../images/FooterBG.png);
	background-repeat:repeat-x;
	background-color:#FFF;
	overflow:hidden;
}
/* Booking Headings - Position for the Headings */
#BookingHeadings {
	text-align: left;
	margin: 3px 0 0 0;
	clear: both;
	float: right;
}




/* Restaurant Listings Section*/
.RestaurantColumns {
	padding-bottom: 10px;
	border-bottom: 1px solid #ffcc00;
	padding-top: 20px;
}
.listingPlain {
padding:20px 5px !important;
}

.listingPlainBodyWide {
	padding-right: 5px;
	width:720px !important;
	margin: -20px 0 0 170px;
	color:#FFF;
	font: 14px/22px Verdana;
	font-weight:lighter;
}

.Restaurantlisting h1 {
	color:#FFF;
	font: 14px/18px Verdana;
	font-weight:lighter;
}

.RestaurantImages {
	float:left;
	width:156;
	height:110;
}
a.Restaurant:link    {
	/* Applies to unvisited links of class mainFooter */
	text-decoration:  none;
	color:            #FC0;
  } 
  
a.Restaurant:visited {
  /* Applies to visited links of class mainFooter */
  text-decoration:  none;
  color:            #5cc7ee;
  } 
a.Restaurant:hover   {
	/* Applies to links under the pointer of class mainFooter */
	  text-decoration:  underline;
	  color:          #FC0;
  } 
a.Restaurant:active  {
	/* Applies to activated links of class mainFooter */
  text-decoration:  underline;
	color: #FC0;
  }