/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------

	Author:	eSolutionsGroup.ca
		
*/

/* 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 Wrappers For Site ===== */

#wrapper {
	width: 100%;
	min-width: 980px;
	background: #FFF;
}

#uber {
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 1202;
}


/* ===== Header ===== */

#headerWrapper {
    background: url(../images/structure/bg-header.png) 0 0 repeat-x;
    min-width: 980px;
    width: 100%;
}

.homepage #headerWrapper { height: 58px; }

#header {
	margin: 0 auto;
    position: relative;
    width: 980px;
    z-index: 1201;
}


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

#topNavWrapper {
    float: left;
    width: 980px;
}


/* ===== Header Bottom Wrapper ===== */

.homepage #headerBottomWrapper {
	position: absolute;
    left: 114px;    
    top: 186px;
    width: 752px;
	height: 185px;
	overflow: hidden;
	float: left;
}

.homepage #headerBottom{
	float: left;
	background: #FFF;
	width: 752px;
	height: 143px;
	overflow: hidden;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}


/* ===== Logo ===== */

#logo {
	float: left;
	padding: 20px 26px 20px 1px;
	margin: 0px 0px 0px 0px;
	width: 289px;
	height: 113px;
}

.homepage #logo { padding: 15px 26px 15px 26px; }
#logo a:focus img{ outline: 1px solid #1184c5; }

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


/* ===== Search ===== */

#search {
	position: relative;
	float: right;
	display: block;
	margin: 64px 0px 48px 1px;
	padding: 0;
	width: 378px;
	height: 41px;
	background: url(../images/structure/searchBox.png) no-repeat 0 0;
}

.homepage #search { margin: 44px 26px 58px 7px; }

#search form { display: inline; }

#search .searchText {
	position: absolute;
	padding: 0;
	top: 0px;
	left: 12px;
	border: none;
	width: 315px;
	height: 41px;
	background: transparent;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 41px;
	color: #000;
}

#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 39px;
	height: 41px;
}
/* Allow user to access Search page without JavaScript */
#search .gobutton.noscript
{
    text-indent: -9999px;
    display:block;
    overflow:hidden;
}


/* ===== Main Navigation ===== */

#mainNav {
	position: relative;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 980px;
	z-index: 1000;
}


/* ===== Main Content Container ===== */

#mainWrapper{
	width: 100%;
	min-width: 980px;
	background: url(../images/structure/bg-int-header-shadow.png) 0 0 repeat-x;
	float: left;
	padding: 4px 0 0 0;
}

#mainWrapperBody{
	width: 980px;
	background: url(../images/structure/bg-int-main-body.gif) 0 0 repeat-y;
	padding: 0 0;
	margin: 24px auto 62px auto;
}

#mainWrapperBottom{
	width: 980px;
	padding: 0 0;
	float: left;
	background: url(../images/structure/bg-int-main-top.gif) 0 top no-repeat;
}

#main {
	position: relative;
	float: left;
	width: 980px;
	background: url(../images/structure/bg-int-main-top.gif) 0 top no-repeat;
}


/* ===== Subfooter ===== */

#subfooterWrapper{
	width: 100%;
	min-width: 980px;
	background: #FFF;
	position: fixed;
	bottom: 80px;
	left: 0;
	z-index: 1202;
}


/* ===== Footer ===== */

#footerWrapper{
	width: 100%;
	min-width: 980px;
	background: url(../images/structure/bg-footer.gif) #0b527b 0 0 repeat-x;
	position: relative;
	z-index: 1202;
	clear: both;
}

.homepage #footerWrapper{
	position: fixed;
	bottom: 0;
	left: 0;
}

#footer {
	margin: 0 auto;
	width: 980px;
	font-size: 14px;
	line-height: 40px;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	color: #FFF;
}

#footer p{ margin: 0 !important; }

#footerTop {
	width: 980px;
	float: left;
	height: 40px;
	overflow: hidden;
}

#footerNav {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	width: 800px;
	text-align: left;
	overflow: hidden;
	color: #bad1e4;
}

#esol {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#esol a {
	color: #FFF;
	font-weight: normal;
}

#esol img {
	display: block;
	width: 0;
}

#footerBottom{
	width: 980px;
	float: left;
	height: 40px;
	overflow: hidden;
}

#footerText {
	float: left;
	width: 980px;
	height: 40px;
	overflow: hidden;
}




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


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

#homepageBannerContainer {
	height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: 1200;
}

#homepageBanner {
	/*display: none;*/ /* Display none if using rotating banners */
}


/* ===== News ===== */

#homepageNewsWrapper{
	width: 752px;
	height: 42px;
	float: left;
	overflow: hidden;
	background: url(../images/structure/bg-news.png) 0 0 repeat;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#homepageNewsContainer{
	float: left;
	width: 630px;
	margin: 0 0 0 0;
}

#homepageNews{
	float: left;
	width: 630px;
	height: 42px;
}

#homepageNewsContainer a, #homepageNewsContainer p { color: #FFF; font-weight: normal !important; }

#homepageNewsTitle{
	width: 118px;
	padding: 0 0 0 22px;
	overflow: hidden;
	float: left;
	color: #FFF;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 42px;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
}

#homepageNewsItem{
	float: left;
	width: 490px;
	font-size: 15px;
	line-height: 42px;
}

#newslistContainer{
	width: 490px;
	float: left;
}

#newsPause {
	width: 20px;
	height: 20px;
	float: left;
	margin: 12px 10px 10px 10px;
}
#newsPause a {
    width: 20px;
	height: 20px;
    float: left;
    font-size: 1%;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/structure/newsNavPause.png) top left no-repeat;
}
#newsPause a:hover, #newsPause a:focus {
    background-position: 0px -20px;
}
#newsPause.selected a {
	background-position: 0px -40px;
}
#newsPause.selected a:hover, #newsPause.selected a:focus {
    background-position: 0px -60px;
}

.homepage .newsItem{
	float: left;
	width: 450px;
	height: 42px;
	overflow: hidden;
}

#newsReminder{
	width: 274px;
	height: 25px;
	float: left;
	overflow: hidden;
}


/* ===== Social Links ===== */

#socialLinks{
	float: right;
	max-width: 120px;
	height: 42px;
	overflow: hidden;
}

#socialLinks ul{
	margin: 0 !important;
	padding: 7px 0 7px 1px;
	list-style-type: none;
	list-style-image: none;
	float: left;
	max-width: 120px;
}

#socialLinks li{
	float: left;
	margin: 0 9px 0 0 !important;
}

#socialLinks li img{ height: 28px; }
#socialLinks a:focus img{ outline: 1px solid #FFF; }


/* ===== Homepage quicklinks ===== */

#quickLinksContainer{
	width: 980px;
	height: 66px;
	margin: 0 auto;
	position: relative;
}

#quickLinksAdvanced{
	position: relative;
	width: 980px;
	height: 66px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 402;
}

#quickLinksAdvanced ul{
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px !important;
}

#quickLinksAdvanced li{
	margin: 0 !important;
}

#quickLink01, #quickLink02, #quickLink03, #quickLink04, #quickLink05, #quickLink06 {
	float:left;
}

a.mainQuickLink, a.mainQuickLink:link, a.mainQuickLink:visited {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	color: #FFF;
	font-size: 1%;
	text-indent: -9999em;
	height: 66px;
	background: url(../en/images/structure/quicklink_advanced.gif) 0 0 repeat;
	overflow: hidden;
	color: #000;
	text-decoration: none;
}

#quickLink01 a.mainQuickLink { background-position: 0px 0px; width: 98px; }
#quickLink02 a.mainQuickLink { background-position: -98px 0px; width: 126px; }
#quickLink03 a.mainQuickLink { background-position: -224px 0px; width: 269px; }
#quickLink04 a.mainQuickLink { background-position: -493px 0px; width: 211px; }
#quickLink05 a.mainQuickLink { background-position: -704px 0px; width: 146px; }
#quickLink06 a.mainQuickLink { background-position: -850px 0px; width: 130px; }

#quickLink01 a.mainQuickLink:hover, #quickLink01 a.mainQuickLink:focus, #quickLink01 a.currentHover { background-position: 0px -66px; }
#quickLink02 a.mainQuickLink:hover, #quickLink02 a.mainQuickLink:focus, #quickLink02 a.currentHover { background-position: -98px -66px; }
#quickLink03 a.mainQuickLink:hover, #quickLink03 a.mainQuickLink:focus, #quickLink03 a.currentHover { background-position: -224px -66px; }
#quickLink04 a.mainQuickLink:hover, #quickLink04 a.mainQuickLink:focus, #quickLink04 a.currentHover { background-position: -493px -66px; }
#quickLink05 a.mainQuickLink:hover, #quickLink05 a.mainQuickLink:focus, #quickLink05 a.currentHover { background-position: -704px -66px; }
#quickLink06 a.mainQuickLink:hover, #quickLink06 a.mainQuickLink:focus, #quickLink06 a.currentHover { background-position: -850px -66px; }

#quickLink01 a.current { background-position: 0px -66px !important; }
#quickLink02 a.current { background-position: -98px -66px !important; }
#quickLink03 a.current { background-position: -224px -66px !important; }
#quickLink04 a.current { background-position: -493px -66px !important; }
#quickLink05 a.current { background-position: -704px -66px !important; }
#quickLink06 a.current { background-position: -850px -66px !important; }


/* ========== 2nd Level (Drop-down) Quick Links ========== */

#quickLinksAdvanced .quickDropDown{
	display: none;
	position: absolute;
	bottom: 66px;
	left: 0px;
	width: 978px;
	height: 257px;
	z-index: 400;
	padding: 18px 0 18px 0px;
	overflow: hidden;
	background-color: #FFF;
	border-top: 1px solid #c1c1bf;
	border-left: 1px solid #c1c1bf;
	border-right: 1px solid #c1c1bf;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#quickLinksAdvanced #quickLink01 .quickDropDown{ background: url(../images/structure/bg-quicklinks-dropdown_01.gif) #FFF left bottom no-repeat; }
#quickLinksAdvanced #quickLink02 .quickDropDown{ background: url(../images/structure/bg-quicklinks-dropdown_02.gif) #FFF left bottom no-repeat; }
#quickLinksAdvanced #quickLink03 .quickDropDown{ left: 224px; width: 268px; }
#quickLinksAdvanced #quickLink04 .quickDropDown{ left: 493px; background: url(../images/structure/bg-quicklinks-dropdown_04.gif) #FFF left bottom no-repeat; width: 268px; }
#quickLinksAdvanced #quickLink05 .quickDropDown{ background: url(../images/structure/bg-quicklinks-dropdown_05.gif) #FFF left bottom no-repeat; }
#quickLinksAdvanced #quickLink06 .quickDropDown{ background: url(../images/structure/bg-quicklinks-dropdown_06.gif) #FFF left bottom no-repeat; }

.buttonContainer{
	float: right;
}

#quickLinksAdvanced .quickDropDown .moreBtn, #quickLinksAdvanced .quickDropDown .MoreBtn a{
	background: #e7f2f8;
	font-size: 13px;
	font-weight: normal;
	width: 133px;
	height: 20px;
	display: block;
	float: left;
	text-align: center;
	padding: 4px 0px;
	margin-top: 12px;
	float: left;
	margin-left: 6px;
}

#quickLinksAdvanced #quickLink02 .quickDropDown .moreBtn, #quickLinksAdvanced #quickLink06 .quickDropDown .moreBtn{ width: 272px !important; }

#quickLinksAdvanced #quickLink01 .quickDropDown .moreBtn.first{
	margin-left: 0;
}

#quickLinksAdvanced .quickDropDown ul{
	list-style-type: none;
	list-style-image: none;
	padding:  0 !important;
	float: left;
	width: 100%;
}

.myZone{
	padding:  0 27px 0px 27px !important;
	overflow: hidden;
	float: left;
	width: 272px;
	position: relative;
	line-height: 18px;
}
.myZone.last
{
    padding-left: 0 !important;    
    float:right;
}
.quickDropDown .Heading{
	font-size: 20px;
	font-family: "Oxygen", Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #000;
	padding-top: 8px !important;
	border-top: none !important;
}

.quickDropDown .myZone li,
.quickDropDown .myZone p{
	margin: 0px!important;
	padding: 8px 0;
	border-top: 1px solid #c7c7c7;
}

.quickDropDown .myZone li:first-child{
	border-top: none;
}

#quickLink04 .quickDropDown li,
#quickLink05 .quickDropDown li {
	padding: 4px 0 5px 0;
}

.quickDropDownWrapper a,
.quickDropDownWrapper a:link,
.quickDropDownWrapper a:visited{
	font-weight: normal;
}

#quickLink01 .quickDropDown .myZone ul, #quickLink02 .quickDropDown .myZone ul{ margin-top: 45px !important; }
#quickLink01 .quickDropDown .myZone.first ul, #quickLink02 .quickDropDown .myZone.first ul, #quickLink02 .quickDropDown .myZone.last ul{ margin-top: 5px !important; }
#quickLink01 .quickDropDown .myZone li, #quickLink02 .quickDropDown .myZone li{ height: 50px; }

#quickLink04 .quickDropDown .myZone li a,
#quickLink05 .quickDropDown .myZone li a{
	display: block;
	white-space: nowrap;
}

#quickLinksAdvanced #featuredEvent img, #quickLinksAdvanced #featuredNews img 
{
    width:  272px;
    height: 92px; 
}

.quickDropDownToken{ padding: 13px 27px 0 27px; }
.quickDropDownToken p{ margin: 0 0 10px 0 !important; }


#newsCol1, #newsCol2, #newsCol3 
{
    height: 171px;
}
#newsCol1 li, #newsCol2 li, #newsCol3 li{
	padding: 4px 0;
}
#newsCol1 ul, #newsCol2 ul, #newsCol3 ul
{
    height: 171px;    
}
/* ===================================================================================== STYLES FOR CONTENT PAGES */


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

#actionsContainer {
	float: right;
	padding: 20px 1px 0 0;
	max-width: 200px;
	position: relative;
	z-index: 999;
}

#actions {
	position: relative;
	float: right;
	padding: 0px 0px 0px 10px;
	max-width: 200px;
	text-align: right;
	z-index: 998;
}	

#actions form { display: inline; }

#breadcrumbs {
	float: left;
	width: 100%;
	color: #333;
	margin: 0 0 15px 0;
	overflow: hidden;
}


/* ===== Interior Layout ===== */

#subNavContainer {
	width: 213px;
	margin: 10px 29px 0 0;
	min-height: 200px;	
	float: left;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}

#contentInt {
	float: left;
	padding: 0px 0 0px 0;
	width: 738px;
	overflow: hidden;	
	min-height: 350px;	
}


/* -- This is a full width interior - used when there is no sub navigation on the page -- */

.wide #contentInt {
	padding: 0px 0px 0px 0px;
	width: 980px;
	background-color: #FFF; /* This hides mainInterior's bg image */		
}
.wide #subNavContainer {
	display: none;
}


/* Interior quicklinks */
#intFloatRight {
	float: right;
	width: 227px;
	overflow:hidden;
	padding: 0px 0px 15px 29px;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
#intFloatRight.hide {
	display: none;
}
#intQuicklinks {
	padding: 0px;
}
#intQuicklinks p, #intQuicklinks ul, #intQuicklinks li {
	margin: 0 !important;
}
#intQuicklinks .intQuicklinksHeader {
	background-repeat: repeat-x;
	background-image: url(../images/structure/intQuicklinksHeader.jpg);
	background: #e7f2f8;
	border-top: 1px solid #0b527b;
	width: 227px;
	float: left;
	overflow: hidden;
	padding: 8px 0 0 0;
}
#intQuicklinks .intQuicklinksHeader p {
	color: #000;
	font-size: 20px;
	line-height: 26px;
	padding: 7px 15px 7px 18px;
}
#intQuicklinks .intQuicklinksBody{
	width: 227px;
	float: left;
	overflow: hidden;
	background: #e7f2f8;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0 0 25px 0;
}
#intQuicklinks .intQuicklinksBody li {
	list-style-type: none;
	list-style-image: none;
	background: url(../images/structure/quicklinks-bullet.gif) 18px 11px no-repeat; 
}
#intQuicklinks .intQuicklinksBody li a {
	padding: 3px 15px 3px 40px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	font-weight: normal;
	color: #0b527b;
}

#intQuicklinks .intQuicklinksBody li a:hover, #intQuicklinks .intQuicklinksBody li a:active, #intQuicklinks .intQuicklinksBody li a:focus { text-decoration: underline; }

/* Interior Quick Links image is now an editable token */
#intQuicklinks .intQuicklinksPhoto{
	width: 227px;
	height: 290px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 0 10px 0;
	float: left;
}

/* Auto resize the image */
#intQuicklinks .intQuicklinksPhoto img{
	width: 227px; 
	height: 290px;
}

/* Removes Thumbnails from Photo Gallery when inserted into Interior Banner Area */
#intBanner .ad-nav, #intQuicklinks .ad-nav{ display:none;}

/* Set Default image when JavaScript disabled - DO NOT CHANGE IMG PATH*/
#intQuicklinks .intQuicklinksPhoto
{
	/* background: url(../en/rotatingimages/defaultInterior/defaultInteriorBanner.jpg) no-repeat 0px 0px #FFFFFF;*/
}


/* For iCreate side only 
#toggleContent { height:25px;}*/

/* For Google Translate page */
#translanguages ul
{
	width:300px;
	float:left;
	margin-right:20px;
}

#translanguages.rightcolumn ul
{
	margin-left:20px;
}

#translanguages a, #translanguages a:link, #translanguages a:visited
{
	text-decoration:none;
}

#translanguages a:hover,#translanguages a:active, #translanguages a:focus
{
	text-decoration: underline;	
}

/* For the Interior wide banner at the top - remove if not applicable */
#intBanner #interiorBannerImage.hide, #intBanner #interiorBannerLink.hide, #intBanner.hide
{
    display:none;
}
#intBanner p, #intQuicklinks .intQuicklinksPhoto p
{
    margin: 0 !important;    
}

/*  Photo Gallery */
.eSolutionsGroupPhotoGalleryV2PlaceholderDiv
{
    float:left;   
    width: 100%
}

#quickLink06 .quickDropDown .moreBtn {margin-left:0;}