/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	Region of Waterloo
	Author:	eSolutionsgroup
	Date:	September, 2010
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */


#uber {
	position: relative;
	margin: auto;
	width: 980px;
	background-image: url(../images/structure/uber_bg.jpg);
	background-repeat: repeat-y;
}

.homepage h1{
	width: 0px;
	height: 0px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
/* ===== Header ===== */

#header {
	margin: 0px;
	padding: 0px;
	width: 980px;
	position: relative;
	height: 102px;
	background-image: url(../en/images/structure/company_logo.jpg);
	background-repeat: no-repeat;
	z-index:1002;
}
/* ===== Search ===== */


#search {
	position: relative;
	float: right;
	display: block;
	top: 53px;
	right: 37px;
	margin: 0;
	padding: 0;
	width: 145px;
	height: 25px;
}
#search form {
	display: inline;
}
#search .searchText{
	position: absolute;
	padding: 0;
	top: 5px;
	left: 2px;
	border: none;
	width: 116px;
	background: transparent;
	font-size: 12px;
	color: #195a8e;
}
#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 25px;
}

/* ===== Services ===== */

#services{
	position: relative;
	float: right;
	display: block;
	top: 53px;
	right: 37px;
	margin: 0;
	padding: 0;
	width: 145px;
	height: 25px;
}

/* ===== Top Navigation ===== */

#topNav {
	position:absolute;
	margin: 0px;
	height:20px;
	right:31px;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-transform: uppercase;
	overflow:hidden;
	width:750px;
	font-size: 11px;
	text-align: right;
}
#translateContainer {
	float: right;
	width:50px;
	margin: 0px 0px 0px 0px;
	padding: 18px 24px 5px 0px;
}
#servicesContainer{
	position: relative;
	float: right;
	top: 59px;
	right: 63px;
	margin: 0;
	padding: 0;
	width: 145px;
	height: 25px;
}
#servicesContainer a, #eservicesContainer a{
	margin:0px;
	padding:0px;
	color: #195a8e;
	text-decoration: none;
		
}
	
#servicesContainer a:hover, #servicesContainer a:focus 
{
    text-decoration: underline;
}
	
	#eservicesContainer{
	position: relative;
	float: right;
	top: 59px;
	right: 93px;
	margin: 0;
	padding: 0;
	width: 145px;
	height: 25px;
}

#navline {
	clear:both;
	padding:0px !important;
	margin:0px !important;
	height:2px;
	background: url(../images/structure/nav_bg.gif) no-repeat;
}
/* ===== Logo ===== */

#logo {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 25px;
	width: 281px;
	height: 91px;
	overflow: hidden;
}
/* ===== Main Navigation ===== */

#mainNav {
	position: relative;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 980px;
	z-index: 1000;
}
/* ===== Main Content Container ===== */

#main {
	position: relative;
	float: left;
	width: 980px;
}
/* ===== Footer ===== */

#esol {
	float: right;
	margin: 0px 0px 0px 0px;
	background-color:#FFF;
	padding-bottom:15px;
	padding-left:809px;
	width: 171px;
}

#esol a {
	display: block;
	width: 171px;
	height: 17px;
	font-size:0px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../en/images/structure/esolutionsgroupLogo.gif) top left no-repeat;
}

#esol img {
	display: block;
	width: 0;
}
#footer {
	float: left;
	width: 936px;
	background-image: url(../images/structure/footer_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 25px;
	padding-left: 26px;
	background-color:#FFF;
	font-size: 13px;
}
#row
{
	float:left;
	padding-top: 5px;
	}

#footerText {
	float: left;
	padding-top:17px;
	line-height: 2;
	overflow: hidden;
	padding-left:12px;
}
#footerNav {
	float: left;
	padding-top:17px;
	line-height: 2;
	overflow: hidden;
}

#social {
	float: right;
	width:210px;
	padding-top: 17px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#footer #social a:focus img {
    outline: 1px solid #16568a;
}

#socialone {
	float: left;
	padding-top:5px;
	padding-right: 10px;
	height:14px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
#socialtwo {
	float: left;
	height:19px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

/* ===================================================================================== STYLES HOME PAGE */


/* ===== Banner ===== */

#homepageBannerContainer {
	margin: 0 0 1px 0;
	width: 691px;
	height: 336px;
	overflow: hidden;
	background-color:#226792;
}
#bannerGradient {
	width: 14px;
	height: 336px;
	background-image: url(../images/structure/banner_gradient.png);
	position: absolute;
	left: 677px;
	top: 0px;
	z-index: 100;
}
#navGradient {
	width: 980px;
	height: 10px;
	background-image: url(../images/structure/nav_gradient.png);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	background-repeat: no-repeat;
}
.homepageBannerText {
	/*position:absolute;
	top: 237px;
	float: left;
	margin: 0px;
	padding-top:24px;
	padding-bottom:20px;
	padding-left:30px;
	width: 671px;
	height: 56px;
	overflow: hidden;
	background-image: url(../images/structure/banner_bg.png);
	background-repeat: no-repeat;
	z-index: 50;
	color:#FFF;
	font-size: 15px;
	font-weight: bold;*/
}
#homepageBanner {
/*display: none;*/ /* Display none if using rotating banners */
}
.banner{
	width: 691px;
	height: 336px;
	position: relative;
	overflow: hidden;
}


#homepageBannerNav{
	height:10px;
	position:absolute;
	right:25px;
	top:268px;
	width:200px;
	z-index:51;
}
	#homepageBannerNavLeft{
		width:5px;
		height:8px;
		padding-top:1px;
		float:left;
		margin-right:58px;
		display:none;
	}
		#homepageBannerNavLeft a{
			width:5px;
			height:8px;
			float:left;
			font-size:1%;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../images/structure/bannerNavLeft.png) top left no-repeat;
		}
	.homepageBannerSelect{
		width:29px;
		height:24px;
		float:left;
		margin:0px;
		border-right:1px solid #d9d9d9;
	}
		.homepageBannerSelect a{
			width:29px;
			height:20px;
			float:left;
			background:#f9f8f6;
			font-size:15px;
			font-weight:bold;
			padding-top:4px;
			text-align:center;
		}
		.homepageBannerSelect a:hover, .homepageBannerSelect a:focus{
			background:#d6e4f0;
			text-decoration:none;
		}
		.homepageBannerSelect .selected{
			background:#d6e4f0;
		}
		#homepageBannerSelectButtons .bannerSelectFirst a{
			background:url(../images/structure/bannerNavLeft.gif) top left no-repeat;
		}
			#homepageBannerSelectButtons .bannerSelectFirst a:hover, #homepageBannerSelectButtons .bannerSelectFirst a:focus{
				background-position:0px -24px;	
			}
			#homepageBannerSelectButtons .bannerSelectFirst a.selected{
				background-position:0px -24px!important;	
			}
		#homepageBannerSelectButtons .bannerSelectLast a{
			background:url(../images/structure/bannerNavRight.gif) top left no-repeat;
		}
			#homepageBannerSelectButtons .bannerSelectLast a:hover, #homepageBannerSelectButtons .bannerSelectLast a:focus{
				background-position:0px -24px;	
			}
			#homepageBannerSelectButtons .bannerSelectLast a.selected{
				background-position:0px -24px!important;	
			}
			#homepageBannerSelectButtons .bannerSelectLast {
				border-right:none;
			}
	#homepageBannerNavRight{
		width:5px;
		height:8px;
		padding-top:1px;
		float:right;
		display:none;
	}
		#homepageBannerNavRight a{
			width:5px;
			height:8px;
			float:left;
			font-size:1%;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../images/structure/bannerNavRight.png) top left no-repeat;
		}
	#homepageBannerSelectButtons{
		float:right;	
	}




#rightButtons {
	position:absolute;
	right:0px;
	top:0px;
	width: 289px;
	height: 336px;
	overflow: hidden;
	background-image: url(../images/structure/rightbuttons.jpg);
	background-repeat: no-repeat;
	color:#106cb6;
	font-size: 14px;
}
#rightButtons a:hover, #rightButtons a:focus
{
	cursor:hand;
}
#rightButtons a:hover .rButton, #rightButtons a:focus .rButton
{
    text-decoration: underline;
}

.rButton {
	padding-left:9px;
	width:152px;
	padding-top:25px;
	padding-bottom:23px;
	height:17px;
	overflow:hidden;
	float: left;
}

.rPhoto {
	width:101px;
	height:37px;
	overflow:hidden;
	float: left;
	padding: 14px 0 0 7px;
}

.rLarger {
	width:118px;
}

#bottombannerCurve {
	position:absolute;
	right:0px;
	top:320px;
	width: 980px;
	height: 36px;
	overflow: hidden;
	z-index: 200;
	background: url(../images/structure/bottombannercurve.png) no-repeat;
}
/* ===== Left Content ===== */


#contentLeft {
	float:left;
	height:200px;
	overflow:hidden;
	margin-bottom:5px;
	padding-left:29px;
	padding-right:29px;
	padding-top:18px;
	width:632px;
}

.newsletter{
	float: left;
	position: relative;	
}

p.newsletter{
	top: 15px;
	left: 8px;
}
	

/* ===== Right Content ===== */

#contentRight {
	float: left;
	padding-left: 9px;
	padding-right: 0;
	padding-top:18px;
	padding-bottom:5px;
	width: 261px;

}

#contentRight a {
	font-weight: bold;

}

#footerBar {
	padding: 15px 0 0 0;
	width:980px;
	clear:both;
	height: 73px;
	overflow:hidden;
	background: url(../images/structure/footerBar_bg.jpg) no-repeat top center;
	}
	
#footerBar #logoOne{
	padding: 0 0 0 80px;
}

#footerBar #logoTwo{
	padding: 0 0 0 117px;
}

#footerBar #logoThree{
	padding: 0 0 0 145px;
}

#footerBar img {

	padding: 0 0 0 0;
}

#footerBar table {
	padding: 0;
}
#footerBar td {
	text-align: center;
}


/* ===================================================================================== STYLES FOR CONTENT PAGES */


/* ===== QuickLinks ===== */


#intQuicklinksPhoto {
	width:218px;
	height:154px;
	overflow:hidden;
	
	}
	
	
#intQuicklinksheader {
	width:218px;
	height:43px;
	
	}




/* ===== Actions and Breadcrumbs ===== */

#actionsContainer {
	position: relative;
	width: 684px;
	padding-bottom:10px;
	background: #FFF;
}

#actionsContainerbottom {
	clear:both;
	width: 684px;
	height:24px;
	overflow:hidden;
	background: #FFF url(../images/structure/actions_bg.jpg) center top no-repeat;
}

#breadcrumbs {
	float: left;
	width: 390px;
	color: #666;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#actions {
	position: relative;
	float: right;
	width: 275px;
	text-align: right;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;	
}
#actions form {
	display: inline;
}

.textSize:focus img {
    outline: 1px solid #737373;
}
/* ===== Interior Layout ===== */

#subNavContainer {
	width: 235px;
	float: left;
}
.mainInterior {
	background: #FFF url(../images/structure/interior_bg.gif) repeat-y 0 0;
}

#contentInt {
	float: left;
	padding: 0 30px;
	margin:0px;
	width: 684px;
}


#contentIntleft {
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;	
}

#contentInt .noQuicklinks, #contentInt .noQuickLinks
{
	width: 685px;
}

#contentIntright {
	float: right;
	padding: 0px 0px 20px 30px;
	width: 218px;
	overflow: hidden;
}
/* -- This is a full width interior - used when there is no sub navigation on the page -- */

#contentIntright.hide { display: none; }

.wide #contentInt {
	width: 920px;
	padding: 0 30px 20px 30px;	
	background: #FFF url(../images/structure/interior_bg_wide.gif) repeat-y 0 0;
}

#subNavContainer.wide {
	display: none;
}

/* ===== Actions and Breadcrumbs ===== */

.wide #actionsContainer {
	width: 920px;
}

.wide #actionsContainerbottom {
	width: 920px;
	background: url(../images/structure/actions_bg_wide.jpg) top center no-repeat;
}

.wide #breadcrumbs {
	padding-left: 0;
}

.wide #actions {
	padding-right: 0;
}

#contentInt.wide .noQuicklinks, #contentInt.wide .noQuickLinks
{
	width: 935px;
}

#topgradient{
	height:21px;
	background: url(../images/structure/top_gradient.jpg) no-repeat;
}

#atozheading a
{
	padding-right: 15px;
}

#airline-book-a-flight
{
	height: 40px;	
}