﻿body {
	margin: 0;
	padding: 0;
	background: #e1e1e1 url(images/main_bg.jpg) no-repeat top center fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

a {
	color: #ffffff;
}

a:active, a:focus {
	outline: 0
}

a:hover {
	color: #cf95fd;
}

img { border: 0; }

#ribbon {
	text-align: center;
	background-color: #ffffff;	
}

#ribbon img {
	border: 0;
	margin-left: 16px;
	margin-right: 16px;
}

#flashcontent {
	text-align: center;
	height: 265px;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 776px;
	background-color: #55505c;
}

#mainmenu img {
    border: 0;
}

#toolbarContainer {
	width: 776px;
	height: 56px;
	background: #55505c url(images/toolbar_bg.jpg) no-repeat top left;	
}

#toolbar {
	margin: 0 0 0 20px;
	padding-top: 10px;
	width: 736px;
	height: 36px;
	font-size: 11px;
}

#toolbar img {
	vertical-align: middle;
}

#toolbar .divider {
	padding: 0 5px 0 3px;
}

#toolbar a {
	color: #ffffff;
	text-decoration: none;
}

#toolbar a:hover {
	color: #cf95fd;
}

#toolbarlinks img {
	border: 0;
	padding: 0 2px 0 8px;
}

#contentContainer {
	padding: 0 10px 60px 10px;
}

#content 
{
    width: 566px;
    margin: 0;
    float: right;
}

#content a {
	color: #cf95fd;
}

#content a:hover {
    color: #cccccc;
}


#submenu {
	width: 180px;
	float: left;
}

#submenu_container 
{
    padding-bottom: 5px;
	background: url(images/dropshadow.gif) repeat-x bottom;
}

a.parent_button {
	margin-bottom: 1px;
	display: block;
	height: 24px;
	color: #ffffff;
	font-size: 13px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	background: #5e5c61 url(images/submenu_parent_bg.jpg) repeat-y left;	
}

a.parent_button:hover {
	color: #cf95fd;
	background: #5e5c61;	
}

a.child_button {
	margin-bottom: 1px;
	display: block;
	height: 24px;
	color: #cccccc;
	font-size: 13px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	background-color: #666469;	
}

a.child_button:hover {
	color: #cf95fd;
	background-color: #5e5c61;	
}

.submenu_bullet {
	border: 0;
	margin: 0 5px 1px 0;
}

#footer {
	margin-top: 50px;
	background: #252329 url(images/footer_bg.jpg) repeat-x top;
	padding: 18px 0 18px 0;
	font-size: 11px;
	color: #e1e1e1;
}

#footer a {
	color: #cf95fd;
	font-size: 11px;
	text-decoration: none;
}

#footer a:hover {
	color: #90398f;
}

#sitemap { margin: 0 auto; }

.featurebox { margin-top: 20px; }
.featurebox_title {
	font-size: 14px;
	color: #cf95fd;
    width: 170px;
    height: 29px;
	padding: 10px 0 0 10px;
    background: #3c3a3e url(images/feature_titlebar.gif) no-repeat;
}
.featurebox_links_container { margin-top: 3px; padding-left: 10px; }

a.testimonialLinkActive { text-decoration: none; color: #cf95fd; }
a.testimonialLink {	text-decoration: none; }
a.testimonialLink:hover { color: #cf95fd; }
.testimonial_caption { font-size: 13px; text-align: right; color: #cf95fd; }
.testimonial_quote { padding: 0 40px 0 40px; color: #cf95fd; font-size: 14px; }

.contentTitle { color: #cf95fd;	font-size: 16px; margin-top: 10px; padding-bottom: 5px; }
.contentsubTitle { color: #cf95fd; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#arrowpagenav { margin-top: 30px; }
#arrowpagenav img { vertical-align: middle; border: 0; }
#arrowpagenav a { color: #ffffff; text-decoration: none; }
#arrowpagenav a:hover { color: #cf95fd; }

.custombullets {
    list-style-type: none;
    list-style-position: inside;
    margin-left: 0;
    padding-left: 0;
}

#imageContainer { height: 340px; }  
#imageContainer img { display:none; position:absolute; top:0px; left:0px; height:340px; width:566px; opacity: -0.01; } 

/* Careers Homepage Call To Action Boxes */
.careers_cta { margin-bottom: 4px; }
.careers_cta img { width: 100px; height: 100px; border: 0; }
.careers_cta_top { width: 566px; height: 4px; background: url(images/careers_home_cta_top.gif) no-repeat; overflow:hidden; }
.careers_cta_middle { width: 546px; padding: 6px 10px 6px 10px; background-color: #78747d; }
.careers_cta_bottom { width: 566px; height: 10px; background: url(images/careers_home_cta_bottom.gif) no-repeat; }
.careers_cta_imagebox { width: 100px; float: left; }
.careers_cta_content_container { width: 431px; float: right; }
.careers_cta_title { font-size: 14px; color: #000000; padding-bottom: 9px;  }
.careers_cta_text { color: #ffffff; padding-bottom: 18px; }
a.careers_cta_button { color: #ffffff; width: 170px; height: 21px; display: block; background-image: url(images/button_bg.gif); text-decoration: none; padding: 6px 0 0 10px; }
a.careers_cta_button:hover { color: #cf95fd; }


#iframe_cvmanager_en, #iframe_cvmanager_fr 
{
    margin-top: 10px;
    width: 566px;
    height: 600px;
}

.faq_container { margin-top: 30px; }
a.faq_question { color: #cf95fd; text-decoration: none; }
a.faq_question:hover { color: #ffffff; }
.faq_answer { color: #efefef; margin-top: 5px; padding: 10px; border: 1px solid #524d59; background-color: #5d5764; }

a.mmHome_en, a.mmAbout_en, a.mmFinancial_en, a.mmCareers_en, a.mmContact_en, a.mmLanguage_en {
    height: 53px;
    background: #7d478e url(images/mainmenu_en.gif) no-repeat;
    display: block;
    float: left;
}
a.mmHome_en { width: 159px; background-position: 0px 0px}
a.mmHome_en:hover { background-position: 0px -53px; }
a.mmAbout_en { width: 148px; background-position: -159px 0px; }
a.mmAbout_en:hover { background-position: -159px -53px; }
a.mmFinancial_en { width: 155px; background-position: -307px 0px; }
a.mmFinancial_en:hover { background-position: -307px -53px; }
a.mmCareers_en { width: 94px; background-position: -462px 0px; }
a.mmCareers_en:hover { background-position: -462px -53px; }
a.mmContact_en { width: 120px; background-position: -556px 0px; }
a.mmContact_en:hover { background-position: -556px -53px; }
a.mmLanguage_en { width: 100px; background-position: -676px 0px; }
a.mmLanguage_en:hover { background-position: -676px -53px; }


a.mmHome_fr, a.mmAbout_fr, a.mmFinancial_fr, a.mmCareers_fr, a.mmContact_fr, a.mmLanguage_fr {
    height: 53px;
    background: #7d478e url(images/mainmenu_fr.gif) no-repeat;
    display: block;
    float: left;
}
a.mmHome_fr { width: 162px; background-position: 0px 0px}
a.mmHome_fr:hover { background-position: 0px -53px; }
a.mmAbout_fr { width: 101px; background-position: -162px 0px; }
a.mmAbout_fr:hover { background-position: -162px -53px; }
a.mmFinancial_fr { width: 168px; background-position: -263px 0px; }
a.mmFinancial_fr:hover { background-position: -263px -53px; }
a.mmCareers_fr { width: 104px; background-position: -431px 0px; }
a.mmCareers_fr:hover { background-position: -431px -53px; }
a.mmContact_fr { width: 152px; background-position: -535px 0px; }
a.mmContact_fr:hover { background-position: -535px -53px; }
a.mmLanguage_fr { width: 89px; background-position: -687px 0px; }
a.mmLanguage_fr:hover { background-position: -687px -53px; }

#divloader {
	width: 566px;
	height: 525px;
	background-color:#55505c;
	position: absolute;
	text-align: center;
	padding-top: 75px;
	z-index: 99;
}

a.searchTitleLink { color: #eeeeee; }

#content .highlights_div { margin: 30px 0; }
#content .title { color: #fff; padding: 0 0 2px 20px; border-bottom: 1px solid #cf95fd; background: url(images/div_arrow_right.gif) no-repeat; }
#content .title_expanded { background: url(images/div_arrow_down.gif) no-repeat; }
#content .highlights_div a.titleLink { color: #fff; font-size: 14px; text-decoration: none; }
#content .highlights_div a.titleLink:hover { color: #999; }
#content .highlights_div .content { display: none; padding: 5px 0; border-bottom: 1px solid #cf95fd; }
#content .highlights_div .search { padding: 2px 0 0 20px; }
#content .highlights_div a.searchLink { color: #cf95fd; font-size: 12px; text-decoration: none; }
#content .highlights_div a.searchLink:hover { color: #999; }

