/* MAIN CSS FILE */

HTML {margin: 0; padding: 0; height: 101%;}
body {margin: 0; padding: 0; background: #D0D0C4; font-family: Verdana, sans-serif;}
img {border:0;vertical-align:middle;}
iframe {margin: 0; padding: 0; border: none; overflow-x: hidden; } 
sup {font-size: 7px;}

/* functions */
.clear {clear:both;}

/* main layout */
#body-wrap {width: 831px; margin: 0 auto; padding: 0 10px 10px 10px; background: #fff;}
/* header */
div#header {width: 831px; height:196px; margin:0; padding:0;}
   #header #logo {width: 95px; height: 196px; margin:0; padding:0; float:left;}
   /* header vertical nav */
   #header #navigation {text-transform: uppercase; width:152px;height:191px;margin:0;padding:0;background:#492167;float:left;}
   		   #navigation ul {margin:25px 6px 0 0;padding:0;list-style-type:none;float:right;}
		   #navigation ul li {margin:0; padding:0;}		   
		   #navigation ul li a {color: #B49EC0; margin: 0 0 2px 1px; padding: 3px 3px 0 0; height: 13px; font-size: 9px; font-weight:normal; text-align: right; text-decoration: none; display: block;}
		   html>body #navigation ul li a {width:123px;height:16px;margin:0 0 2px 1px;}
		   /* on */
		   #navigation ul li a:hover {color: #FFF; width:121px;height:12px;margin:0 0 2px 1px;padding:2px 2px 0 0;border:1px solid #FFF;background:#5D347A;}
		   html>body #navigation ul li a:hover {width:122px;height:15px;margin:0 0 2px 1px;}
		   /* selected */
		   #navigation .selected {color: #FFF; width:121px;height:12px;margin:0 0 2px 1px;padding:2px 2px 0 0;border:1px solid #FFF;background:#3A0658;}
           html>body #navigation .selected {width:122px;height:15px;margin:0 0 2px 1px;}
   /* header right */ 		               
   #header #rightside {width:572px; height:191px; margin:0; padding:0 10px 0 0; background:#380D55; float:left;}
   		   
   		   #rightside #sublinks {text-align: left; width:230px;text-transform: uppercase; margin:0;padding:0;float:left;}
		   #rightside #sublinks ul {padding:0; margin: 0; list-style-type:none;}
		   #rightside #sublinks ul li {margin:0; padding:0;}		   
		   #rightside #sublinks ul li a {line-height: 1; display: block; margin: 12px 0; color: #B49EC0; font-size: 9px; font-weight:normal; text-decoration: none;}
		   #rightside #sublinks ul li a:hover {color: #FFF;}
		   #rightside #sublinks ul .selected A {color: #FFF;} /* current link */
		   
		   #rightside #subnav {width:300px;margin:0;padding:0;float:right;}
		   #rightside #subnav ul {margin:5px 0 0 0;padding:0;list-style-type:none;float:right;}
		   #rightside #subnav ul li {margin:0 3px;padding:0;background:#5D347A;float:right;}
		   #rightside #subnav ul li a {margin:0;padding:2px 4px; font-size:9px; font-weight:normal; color:#FFF; text-align:right;text-decoration:none;border:1px solid #FFF; display:block;}
		   #rightside #subnav ul .selected {background:#3A0658;} /* current link */
		   #rightside #subnav ul li a:hover {background:#3A0658;}
		   #rightside #subnav ul li img.lock {margin:-2px 0 0 0;}
		   
/* main body */		   		   
div#content {width:100%; margin:0; padding:0;}
    /* left body */
   #content #cLeft {width:466px; margin:4px 0; padding:0; float:left;}
   			#cLeft h1 {margin: 0; padding: 0 0 0 10px; text-indent: -2000em; text-decoration: none;width: 456px; height: 68px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #FFF; 
	            z-index: 1000; /* need for FX and IE */
   			    background: #B1B1A7 url(../images/leftbar/leftbar.jpg) no-repeat top left;
   			}
div#content #cLeft .leftbarhome_en-CA {background-image: url(../images/leftbar/home.gif);}
div#content #cLeft .leftbarhome_fr-CA {background-image: url(../images/leftbar/home_fr.gif);}
div#content #cLeft .leftbaroverview_en-CA {background-image: url(../images/leftbar/overview.gif);}   			
div#content #cLeft .leftbaroverview_fr-CA {background-image: url(../images/leftbar/overview_fr.gif);}   			
div#content #cLeft .leftbarvisionvalues_en-CA {background-image: url(../images/leftbar/visionvalues.gif);}
div#content #cLeft .leftbarvisionvalues_fr-CA {background-image: url(../images/leftbar/visionvalues_fr.gif);}
div#content #cLeft .leftbarlast3ft_en-CA {background-image: url(../images/leftbar/last3ft.gif);}
div#content #cLeft .leftbarlast3ft_fr-CA {background-image: url(../images/leftbar/last3ft_fr.gif);}
div#content #cLeft .leftbarbrandmarketing_en-CA {background-image: url(../images/leftbar/brandmarketing.gif);}  
div#content #cLeft .leftbarbrandmarketing_fr-CA {background-image: url(../images/leftbar/brandmarketing_fr.gif);}  
div#content #cLeft .leftbarsalesmgmt_en-CA {background-image: url(../images/leftbar/salesmgmt.gif);}  
div#content #cLeft .leftbarsalesmgmt_fr-CA {background-image: url(../images/leftbar/salesmgmt_fr.gif);}  
div#content #cLeft .leftbarmeasure_en-CA {background-image: url(../images/leftbar/measure.gif);}  
div#content #cLeft .leftbarmeasure_fr-CA {background-image: url(../images/leftbar/measure_fr.gif);}  
div#content #cLeft .leftbarcimpharma {background-image: url(../images/leftbar/cimpharma.gif);}  
div#content #cLeft .leftbarawards_en-CA {background-image: url(../images/leftbar/awards.gif);}
div#content #cLeft .leftbarawards_fr-CA {background-image: url(../images/leftbar/awards_fr.gif);}
div#content #cLeft .leftbarclients {background-image: url(../images/leftbar/clients.gif);}   			
div#content #cLeft .leftbarcontact_en-CA {background-image: url(../images/leftbar/contact.gif);}   
div#content #cLeft .leftbarcontact_fr-CA {background-image: url(../images/leftbar/contact_fr.gif);}   			
div#content #cLeft .leftbarsitemap_en-CA {background-image: url(../images/leftbar/sitemap.gif);}   			
div#content #cLeft .leftbarsitemap_fr-CA {background-image: url(../images/leftbar/sitemap_fr.gif);}   			
			
			#cLeft .context {width:100%; height:1000px; margin:5px 0 0 0; padding:0; background:#e9e8e1;}
			#cLeft .context h2 {margin:0;padding:5px 0 0 10px; font-size:11px;font-weight:bold;color:#462a75;text-align:left;}
			#cLeft .context h3 {width: 225px; text-transform: uppercase; border-bottom: solid 1px #CCCCC4; margin:2px 10px 0 10px; padding:5px 0 2px 0; font-weight: normal; font-size:9px;color:#4C4E39;text-align:left;}
			#cLeft .context p {line-height: 1.38; margin:0;padding:10px 6px 0 10px;font-family:Verdana, sans-serif;font-size:9px;font-weight:normal;color:#838270;text-align:left;}
			#cLeft .context IMG {margin: 5px 5px 0 10px; float:right;}
			#cLeft .context UL {margin:0;padding: 4px 0 0 25px;font-family:Verdana, sans-serif;font-size:9px;font-weight:normal;color:#838270;text-align:left;}
            #cLeft .context LI {line-height: 1.4;margin:0;padding: 0 0 0 2px; font-family:Verdana, sans-serif;font-size:9px;font-weight:normal;color:#838270;text-align:left;}
            #cLeft .context A {font-weight: bold; color: #838270;}
            #cLeft .context EM {color: #333;}
            #cLeft .context HR {margin: 5px 5px -2px 5px; padding: 0; color: #ccc; background: #ccc; height: 1px; width: 225px; border: 0;}
            #cLeft .context STRONG {}
            #cLeft .context A:hover {color: #333;}
            #cLeft .contextLeft {float: left; width: 235px;}  
            #cLeft .contextRight {float: right; width: 230px;} 
            
            #cLeft .context .pressrelease_en-CA0 {display: inline; width: 120px; margin: 0; padding: 5px 0 3px 0; background: URL(../images/pressrelease_en-CA.gif) no-repeat;}
			#cLeft .context .pressrelease_fr-CA0 {display: inline; width: 120px; margin: 0; padding: 5px 0 3px 0; background: URL(../images/pressrelease_fr-CA.gif) no-repeat;}
			
			
            
    /* right body */            
   #content #cRight{width: 330px; margin: 0; padding:0; background: #fff;}
			/* recruitment */
			#cRight .context {width: 340px; 
background: #A38CB7; margin:0;padding:0;
}
			#cRight .context h1 {width:340px; 
height:100px; margin:0 0 6px 0; padding:0; font-size:10px; font-weight:bold; clear:both; display:block;
}
			
			#cRight .career_en-CA h1 {background:url(../images/rightbar_careers_en-CA.jpg) no-repeat top left;}
			#cRight .career_fr-CA h1 {background:url(../images/rightbar_careers_fr-CA.jpg) no-repeat top left;}
			
			#cRight .context h1 .indent {width:280px; padding-right: 10px; margin:71px 0 0 0;font-size:9px;font-weight:bold;color:#FFF;text-align:right;float:right;}
			#cRight .context p {margin:0;padding:10px 0 10px 12px;font-size:9px;font-weight:normal;color:#370E54;text-align:left;}
			#cRight .context .recruitment {width: 340px; height: 92px;}
			#cRight .context .recruitmentRight {float:right; width: 140px; padding-right: 5px;
	font-weight: 700;
}
			#cRight .context p.find {margin:0; padding: 0 0 5px 0; border-bottom: 1px solid #876AA0;}
			#cRight .context img {margin:0 0 5px 5px;padding:0;float:left;}
            #cRight .context img.countryUS {margin:0 0 0 5px;}
            #cRight .context img.countryCA {margin:0;}
			
			/* news */
			#cRight .context2 {width: 340px; 
background: #C7C7BD; margin: 5px 0 0 0; padding:0;
}
			#cRight .context2 DIV {padding: 0; margin: 0; border-top: solid 1px #EBECE5;}
			#cRight .context2 .news {border-top: none;}
			#cRight .context2 img {margin: 5px 5px 5px 5px; padding: 0;float:left;}
            #cRight .context2 h1 {text-indent: -2000em; text-decoration: none; width: 340px; height: 68px; margin: 0; padding: 0; font-size: 10px; font-weight:bold; clear: both; display: block; z-index: 1000; /* need for FX and IE */}
			#cRight .news_en-CA h1 {background: url(../images/rightbar_news_en-CA.jpg) no-repeat top left;}
			#cRight .news_fr-CA h1 {background: url(../images/rightbar_news_fr-CA.jpg) no-repeat top left;}
			#cRight .context2 H2 {text-transform: uppercase; color: #333; font-size: 9px; font-weight: normal; margin: 0; padding: 4px 5px;}
			#cRight .context2 H4 {height: 12px; color: #fff; font-size: 9px; margin: 0 5px 0 160px; padding: 2px 3px; background: #A9A99D; font-weight: normal;}
			#cRight .context2 P {margin: 0 5px 0 0; padding: 2px 3px; font-weight: normal; font-size: 9px;}
			#cRight .context2 A {color: #333; text-decoration: none;}
			#cRight .context2 A:hover {text-decoration: underline;}
			 
			/* 0 is needed on the end of class name since we add the press_id to the end of the class name, we only show these images for stories that are press releases or press_id=0*/
			#cRight .context2 .pressrelease_en-CA0 {background: #A9A99D URL(../images/pressrelease_en-CA.gif) right top no-repeat;}
			#cRight .context2 .pressrelease_fr-CA0 {background: #A9A99D URL(../images/pressrelease_fr-CA.gif) right top no-repeat;}
			
/* footer */			        
div#footer {color: #666; width:820px; height: 23px; background: #C5C7BC; margin:5px 0 5px 0; padding:15px 10px 15px 0; clear:both;}
   #footer p {width: 200px; float: right; margin:0;padding:0;font-size:9px;font-weight:normal;text-align:right;}
   #footer a {color: #666;}
   #footer .footerlinks {padding: 7px 0 0 10px; margin: 0; width: 605px; float: left; text-align: left; font-size:9px; text-transform: uppercase; display: inline;}
   #footer .footerlinks LI {padding: 0 3px; display: inline; list-style: none;}
   #footer A {text-decoration: none;}
   #footer A:hover {color: #333; text-decoration: underline;}
   
/* classes */
.tallList LI {margin: 7px 0 0 7px !important;}
   
/* page specific classes */
/* sublinks nav for about and services*/
.about {margin:50px 0 0 10px !important;}
.services {margin:71px 0 0 10px !important;}
.abouthide, .serviceshide {display: none !important;}
.linkVisionValues {margin-bottom: 9px !important;}
.linkLast3Ft {margin-top: 2px !important;}
#newsDetail {width: 290px;}
#cLeft .context .newsholder .newsdate {margin: 0 0 5px 0 !important; font-weight: bold;}
#cLeft .context .newsholder h2 {font-size: 140%;}
#cLeft .context .newsholder {
   padding: 5px 6px 0 5px;
   font-family:Verdana, sans-serif;
   font-size:9px;
   font-weight:normal;
   color:#838270;
   text-align:left;			 
}
.newslogo {
    text-align: center;
    width: 151px; 
    height: 92px; 
    background: #fff;
    margin: 5px 5px 5px 5px !important;
    padding: 0 !important;
    float: left;
}
.newsdetaillogo {
    text-align: center;
    width: 156px; 
    height: 92px; 
    background: #fff;
    margin: 5px 10px 5px 5px !important;
    padding: 0 !important;
    float: left;
}
/* site map */
.sitemapList LI {margin-bottom: 4px !important; text-transform: uppercase; font-size: 115% !important;}
/* contact */
.city {
    font-weight: bold;
    margin: 5px 10px 0 10px !important;
    padding: 4px 10px;
    border-top: solid 2px #D0D0C8;
    border-bottom: solid 2px #D0D0C8;
    font-size: 11px; 
    text-transform: uppercase;
}
.cityLeft {vertical-align: middle; float: left; width: 155px; padding-top: 8px;}
.cityRight {float: right; width: 290px;}
.city IMG {float: none !important; margin: 0 !important;}
.address {margin: 0 10px 15px 10px !important;}
#contact_brand {background: #5F377D; height: 80px; margin: 10px; padding: 5px 5px 5px 10px;}
#contact_brand P {font-size: 7pt !important; color: #fff !important;margin: 5px 0 0 0 !important; padding: 0 !important;}
#contact_brand IMG {margin-left: 0 !important;}
#contact_careers {height: 88px; background: #B0B0A4; margin: 10px; padding: 5px 5px 5px 10px;}
#contact_careers P {font-size: 7pt !important; color: #fff !important; margin: 5px 0 !important; padding: 0 !important;}

a.usflagrollover {
    float: left; 
    display: block;
    width: 65px;
    height: 52px;
    background: url("../images/usa-icon.jpg") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.usflagrollover {background-position: -65px 0;}
a.caflagrollover {
    float: left; 
    display: block;
    width: 65px;
    height: 52px;
    background: url("../images/canada-icon.jpg") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.caflagrollover {background-position: -65px 0;}