/*----------------------------------------------------------------------------
Careers Section
version:   1.0
author:    Jason Hollett, RealDecoy
___________________________________________________________________________ */


h3.careers a { color: #b57041; }
img.career { margin: 3px 0 20px 20px; border: 1px solid #aaa; }
img.careerTab { margin: 5px 0 20px 10px; border: 1px solid #aaa; }

.careersContentColumn1 { float: left;	width: 510px; }
.careersContentColumn2 { float: right; width: 188px; padding: 15px 0 0 20px; }
.careersContentColumn2 img { margin: 0; padding: 0; }

/*
.jobBox { margin: 5px 0 5px; 0; }*/
.jobDescription { font-size: 85%; background: url(../images/misc-dash.gif) repeat-x top left; margin: 5px 0 15px 0;	padding: 5px 0 0 0; }

.jobOpportunitiesOttawa { font-size: 85%; background: url(../images/misc-dash.gif) repeat-x top left; margin: 5px 0 15px 0;	padding: 5px 0 0 0; }
.jobOpportunitiesMontreal { font-size: 85%; background: url(../images/misc-dash.gif) repeat-x top left; margin: 5px 0 15px 0;	padding: 5px 0 0 0; }

h4.currentJobOpportunities {
    font-size: 120%;
    color: #666666;
    font-weight: bold;
}




/*----------  nav  ----------*/

#sideNav .careersSidenavCustom { padding: 2px 10px 0 0; width: 180px; height: 35px; display: block; text-align: right; background-position: top left; background-repeat: no-repeat; }
	#sideNav .bg1 { background-image: url(../images/careers/sidenav_bg1.gif); }
	#sideNav .bg2 { background-image: url(../images/careers/sidenav_bg2.gif); }
    #sideNav .bg3 { background: #ffd800 url(../images/careers/sidenav_bg3.gif); }
	
	#sideNav .careersSidenavCustom a.black { color: #000; }
	#sideNav .careersSidenavCustom a.black:hover { color: #eb1829; }




/*----------  main  ----------*/

#careersMainContainerCorners { background: #ffd200 url(../images/careers/main_corners.gif) no-repeat top left; width: 525px; height: 6px; padding: 0 0 0 10px; margin: 0; clear: both; }
* html #careersMainContainerCorners { background: #ffd200 url(../images/careers/main_corners.gif) no-repeat top left; width: 525px; height: 6px; margin: 0 0 -12px 0; padding: 0 0 0 10px; }

#careersMainContainer { background: #ffd200 url(../images/careers/main_grad.gif) repeat-x bottom;  width: 525px; height: 325px; padding: 1px 0 0 10px; margin: 0 0 2em 0;  /*border: 1px solid;*/ }
	#careersMainContainer .column { float: left; width: 150px; padding: 0;}
	#careersMainContainer .columnMargin { float: left; width: 165px; padding: 0; margin-right: 8px; }
	#careersMainContainer .columnMargin h3 { margin: 10px 5px 0 10px; }
	#careersMainContainer .columnMargin p { margin: 10px 5px 0 10px; }
	#careersMainContainer .column  h3 { margin: 10px 5px 0 10px; }
	#careersMainContainer .column  p { margin: 10px 5px 0 10px; }
	
	#careersMainContainer h3.textOrange { margin: 5px 0 15px 15px; color: #463e2d; font-size: 140% }
	* html #careersMainContainer h3.textOrange { margin: 5px 0 15px 15px; color: #463e2d; font-size: 135% }
	
	#careersMainContainer .columnMargin h3 a { color: #b57041; }
	
	* html #careersMainContainer .careersMainLink { margin: 0; padding: 0; width: 161px; height: 65px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif) repeat-y left; border: solid #fff8d8 2px; }
	#careersMainContainer .careersMainLink { margin: -13px 0 0 0; padding: 13px 0 0 0; width: 161px; height: 65px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif) repeat-y left; border: solid #fff8d8 2px; }
	#careersMainContainer .joinText { clear: both; margin: 10px; padding: 20px 0 0 0; }
	* html #careersMainContainer .joinText { clear: both; margin: 10px; padding: 0; }
	#careersMainContainer .joinText strong { color: #333; }


/* #careersMainContainer p, h3 { margin: 10px 5px 0 10px; } */




/*----------  stores  ----------*/

#careersStoresMenuCorner { background: #ffd200 url(../images/careers/main_corners.gif) no-repeat top left; width: 525px; height: 6px; margin: 0; padding: 0 0 0 10px; }
* html #careersStoresMenuCorner { background: #ffd200 url(../images/careers/main_corners.gif) no-repeat top left; width: 525px; height: 6px; margin: 0 0 -12px 0; padding: 0 0 0 10px; }

#careersStoresMenu { background: #ffd200 url(../images/careers/main_corners_bottom.gif) no-repeat bottom left; width: 525px; height: 390px; margin: 0 0 2em 0; padding: 0 0 0 10px; }
* html #careersStoresMenu { background: #ffd200 url(../images/careers/main_corners_bottom.gif) no-repeat bottom left; width: 525px; height: 410px; margin: 0 0 2em 0; padding: 0 0 0 10px; }

#careersStoresMenu .rowImage { float: left; height: 80px; }
#careersStoresMenu .margin { margin-top: 5px; }

#careersStoresMenu .rowText { float: left; width: 344px; height: 80px; padding: 0; background: url(../images/careers/stores_link_bg.gif) no-repeat top left; }
#careersStoresMenu h3 { height: 20px; margin-top: 28px; margin-left: 25px; }
#careersStoresMenu h3.textOrange { margin: 0 0 5px 15px; padding: 5px 0 0 0; color: #463e2d; font-size: 140% }



/*----------  possibilities  ----------*/

#careersPossibilitiesMenuTitle { background: #ffd200 url(../images/careers/possibilities_menu_title.gif) no-repeat top left; width: 350px; height: 68px; margin: 0; padding: 15px 0 0 0; }
#careersPossibilitiesMenu { float: left; background: #ffd200 url(../images/careers/possibilities_menu_bottom.gif) no-repeat bottom left; width: 350px; height: 620px; margin: 2em 0 2em 0; padding: 0; }

#careersPossibilitiesMenu .sectionStore { background: #fff5c9 url(../images/careers/possibilities_section_store.gif) no-repeat top left; width: 331px; height: 168px; margin: 0 10px 10px 10px; font-size: 83%;}
#careersPossibilitiesMenu .sectionHome { background: #fff5c9 url(../images/careers/possibilities_section_home.gif) no-repeat top left; width: 331px; height: 168px; margin: 0 10px 10px 10px; font-size: 83%;}
#careersPossibilitiesMenu .sectionDistro { background: #fff5c9 url(../images/careers/possibilities_section_distro.gif) no-repeat top left; width: 331px; height: 168px; margin: 0 10px 10px 10px; font-size: 83%;}


  #careersPossibilitiesMenu .sectionTitle { float: left; width: 130px; padding: 10px; color: #b57041; font-size: 165%; font-weight: bold; }
  #careersPossibilitiesMenu .sectionList { float: left; padding: 10px 10px 10px 0; width: 170px;}
  #careersPossibilitiesMenu .sectionListLink { margin: 0; padding: 0 0 0 25px; font-weight: bold; }
  * html #careersPossibilitiesMenu .sectionListLink { margin: -10px; padding: 0 0 0 35px; font-weight: bold; }


#careersPossibilitiesMenu .rowText { float: left; width: 344px; height: 80px; padding: 0; background: url(../images/careers/stores_link_bg.gif) no-repeat top left; }
#careersPossibilitiesMenuTitle h2 { height: 20px; margin: 0; color: #cb0314; font-size: 170%; text-align: center;}
#careersPossibilitiesAnniversary h3 { margin: 50px 0 15px 15px; color: #463e2d; font-size: 140% }
* html #careersPossibilitiesAnniversary h3 { margin: 50px 0 15px 15px; color: #463e2d; font-size: 135% }

	/* stories */

	#careersStoriesMenu { float: left; width: 147px; margin: 2em 0 2em 0; padding: 0 0 0 20px; }
	#careersStoriesMenu h3 { height: 20px; margin-top: 25px; padding-left: 5px; padding-bottom: 5px; font-size: 135%; background: url(../images/careers/stories_dots.gif) no-repeat left bottom;}
    
        /* french  header */
        #careersStoriesMenu h3.fr { padding-bottom: 30px !important; height: 20px; margin-top: 25px; padding-left: 5px; padding-bottom: 5px; font-size: 135%; background: url(../images/careers/stories_dots.gif) no-repeat left bottom;}
        /* IE */
        * html #careersStoriesMenu h3.fr { height: 20px; margin-top: 25px; padding-left: 5px; padding-bottom: 5px; font-size: 135%; background: url(../images/careers/stories_dots.gif) no-repeat left bottom;}
    
    
	
	#careersStoriesMenu .storiesText { background: #fff8d8; height: 15px; margin-top: -3px; margin-bottom: 10px; padding: 8px;}
	  #careersStoriesMenu .storiesText .storiesTextName { float: left; color: #b57041; font-weight: bold;}
      #careersStoriesMenu .storiesText .storiesTextLink { float: right; color: #eb1829; font-weight: bold; text-align: right; font-size: 73%; padding-top: 3px;}
	  
	#careersStoriesMenu .moreStoriesLink { text-align: right; font-weight: bold; }

#careersPossibilitiesAnniversary { clear: both; padding: 25px; background: url(../images/careers/anniversary_dots.gif) no-repeat top left;}
* html #careersPossibilitiesAnniversary { clear: both; padding: 15px; background: url(../images/careers/anniversary_dots.gif) no-repeat top left;}
#careersPossibilitiesAnniversary p { padding: 45px 0 0 0; font-size: 120%;}

/*----------  application form  ----------*/

#careersApplicationForm table { margin-top: 10px; }
#careersApplicationForm td { padding: 5px; }
#careersApplicationForm p { margin: 10px 0 10px 0; }
#careersApplicationForm img.finger { cursor: pointer; }

#careersApplicationForm fieldset { border: 1px dashed #000; padding: 0; }



/*----------  stores - tabs  ----------*/

#careersTabs h3 { margin: 10px 0 10px 0; }

#careersTabs ul.shadetabs { padding: 0; margin: 0; }


#careersTabs .shadetabs { font-size: 75%; list-style-type: none; }
#careersTabs .shadetabs li { float: left; padding: 0; }
#careersTabs .shadetabs li a {
	padding: 2px 0 0 0;
	width: 133px;
	height: 29px;
	display: block;
	background: url(../images/careers/tab_down.gif) no-repeat top left;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#careersTabs .shadetabs li a:hover { color: #eb1829; }
#careersTabs .shadetabs li a:visited { }

/*#careersTabs .shadetabs li.selected { position: relative; top: 0px; }*/
#careersTabs .shadetabs li.selected a { background-image: url(../images/careers/tab_up.gif); }

#careersTabs .contentStyle {
	float: left;
	background: url(../images/careers/tab_bg.gif) repeat-x top left;
	width: 515px;
	padding: 10px;
	margin: 0;
	min-height: 100px;
}



/*----------  mini tabs  ----------*/


.miniTabs ul.tabs { padding: 0; margin: 10px 0 0 4px; }

.miniTabs .tabs { font-size: 100%; list-style-type: none; }
.miniTabs .tabs li { float: left; padding: 0; margin-left: 3px; }

.miniTabs .tabs li a {
	padding: 4px 0 0 0;
	width: 100px;
	height: 20px;
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;

	text-align: center;
	text-decoration: none;
	color: #000;

	border-bottom-color: #fff;
}

.miniTabs .tabs li a:hover { color: #eb1829; }
.miniTabs .tabs li a:visited { }
.miniTabs .tabs li.selected a { background-color: #ddd; border-bottom-color: #ddd; color: #eb1829; }

/*#careersTabs .shadetabs li.selected { position: relative; top: 0px; }*/

.miniTabs .content {
	float: left;
	/*background: url(../images/careers/tab_bg.gif) repeat-x top left;*/
	width: 300px;
	padding: 10px;

	/*margin: -1px 0 0 3px;*/


	min-height: 50px;
	border: 1px solid #ddd;
	/*border-top-color: #fff;*/

}


.sidenav-apply {
	margin: 5px 0 0 2px;
}
/*--------------  Modified August 12, 2008 ------------------*/

ul.careers2 { list-style-type:none; margin: 5px 0 1em 15px; font-family: Trebuchet MS; color:#000000;font-size: 8pt; }



#careersMainContainer2 { background: #ffd200 url(../images/careers/main_grad.gif) repeat-x bottom;  width: 525px; height: 200px; padding: 1px 0 0 10px; margin: 0 0 2em 0;  /*border: 1px solid;*/ }





 .careersText2 { background: #fff8d8; height: 15px; margin-top: -3px; margin-bottom: 10px; padding: 8px;}
.careersTextName { float: left; color: #b57041; font-weight: bold;}
.careersTextLink { width: 161px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif); border-left:solid #fff8d8 2px; border-right:solid #fff8d8 2px; border-bottom:solid #fff8d8 2px; float: right; color: #eb1829; font-weight: bold; text-align: right; font-size: 73%; padding-top: 3px; valign: bottom;}



#careersMainContainerCorners2 { background: #ffd200 url(../images/careers/main_corners.gif) no-repeat top left; width: 525px; height: 6px; padding: 0 0 0 10px; margin: 0; clear: both; }
* html #careersMainContainerCorners2 { background: #ffd200 url(../images/careers/main_corners.gif) no-repeat top left; width: 525px; height: 6px; margin: 0 0 -12px 0; padding: 0 0 0 10px; }

#careersMainContainer2 { background: #ffd200 url(../images/careers/main_grad.gif) repeat-x bottom;  width: 525px; height: 375px; padding: 1px 0 0 10px; margin: 0 0 2em 0;  /*border: 1px solid;*/ }
	#careersMainContainer2 .column { float: left; width: 150px; padding: 0;}
	#careersMainContainer2 .columnMargin { float: left; width: 165px; padding: 0; margin-right: 8px; }
	#careersMainContainer2 .columnMargin h3 { margin: 10px 5px 0 10px; }
	#careersMainContainer2 .columnMargin p { margin: 10px 5px 0 10px; }
	#careersMainContainer2 .column  h3 { margin: 10px 5px 0 10px; }
	#careersMainContainer2 .column  p { margin: 10px 5px 0 10px; }
	
	#careersMainContainer2 h3.textOrange { margin: 5px 0 15px 15px; color: #463e2d; font-size: 140% }
	* html #careersMainContainer2 h3.textOrange { margin: 5px 0 15px 15px; color: #463e2d; font-size: 135% }
	
	#careersMainContainer2 .columnMargin h3 a { color: #b57041; }
	* html #careersMainContainer2 .careersMainLink2 { margin: 0; padding: 0; width: 161px; height: 150px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif) repeat-y left; border-left: solid #fff8d8 2px; border-right: solid #fff8d8 2px; }
	#careersMainContainer2 .careersMainLink2 { margin: -13px 0 0 0; padding: 13px 0 0 0; width: 161px; height: 190px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif) repeat-y left; border-left: solid #fff8d8 2px; border-right: solid #fff8d8 2px; }
	#careersMainContainer2 .joinText { clear: both; margin: 10px; padding: 20px 0 0 0; }
	* html #careersMainContainer2 .joinText { clear: both; margin: 10px; padding: 0; }
	#careersMainContainer2 .joinText strong { color: #333; }
	h3.catHeader { color: #b57041; }
	
	/* ------------ Success Stories Container --------------*/
	


#successStoriesContainer { background: #ffd200 url(../images/careers/main_grad.gif) repeat-x bottom;  width: 525px; height: 200px; padding: 1px 0 0 10px; margin: 0 0 5em 0;  /*border: 1px solid;*/ }
	#successStoriesContainer .column { float: center; width: 150px; padding: 0;}
	#successStoriesContainer .columnMargin { float: left; width: 147px; padding: 0; margin-right: 28px; }
	#successStoriesContainer .columnMargin h3 { margin: 10px 5px 0 10px; }
	#successStoriesContainer .columnMargin p { margin: 10px 5px 0 10px; }
	#successStoriesContainer .column  h3 { margin: 10px 5px 0 10px; }
	#successStoriesContainer .column  p { margin: 10px 5px 0 10px; }
	
	#successStoriesContainer h3.textOrange { margin: 5px 0 15px 15px; color: #463e2d; font-size: 140% }
	* html #successStoriesContainer h3.textOrange { margin: 5px 0 15px 15px; color: #463e2d; font-size: 135% }
	
	* html #successStoriesContainer .successMainLink { margin: 0; padding: 0; width: 147px; height: 150px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif) repeat-y left; border: solid #fff8d8 2px; }
	#successStoriesContainer .successMainLink { margin: -5px 0 0 0; padding: 0 0 0 0; width: 147px; height: 130px; background: #fff8d8 url(../images/careers/careersMainLink_grad.gif) repeat-y left; border: solid #fff8d8 2px; }
	#successStoriesContainer .joinText { clear: both; margin: 10px; padding: 20px 0 0 0; }
	
	
	  #successStoriesContainer .storiesText {  height: 15px; margin-top: -3px; margin-bottom: 10px; padding: 8px;}
	  #successStoriesContainer .storiesText .storiesTextName { float: left; color: #b57041; font-weight: bold;}
      #successStoriesContainer .storiesText .storiesTextLink { float: right; color: #eb1829; font-weight: bold; text-align: right; font-size: 73%; padding-top: 3px;}
	  
	  p.job_desc { list-style-type:none; margin: 10px 0 1em 10px; font-family: Trebuchet MS; color:#000000;font-size: 8pt; }
	  	#careersStoriesMenu .moreStoriesLink { text-align: right; font-weight: bold; }
		
		#careersStoriesLinks { width 525px; align: right; }
		
a.storeCats { font-size: 16px; font-weight: bold; }
a:hover.storeCats {text-decoration: underline; }
img.dropDowns { float: right; display: inline; }
.floatText { float: left; display: block; }

.fileType {
	font-size: 10px;
	color: #666;
}

span.position_title {
    margin: 10px 0 0 5px;
    display: block;
}