/*

Dark Blue - #0066CC
Medium Blue - #000066
Light Gray - #E8E9ED
Menu Charcoal - #323232

*/


body, img {margin: 0; padding: 0; border: 0;}
a * {cursor: pointer;}


/* Clearfix float hack */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom: 1;}

/* Clear */
.clear {overflow:auto;width:100%;height:0;font-size:0;visibility:hidden;clear:both;}

/* Explicit class */
.left {float: left !important;}
.right {float: right !important;}
.alignleft {text-align: left !important;}
.alignright {text-align: right !important;}
.aligncenter {text-align: center !important;}
.nowrap {white-space: nowrap !important;}


.hnav {margin: 0; padding: 0;}
.hnav li {position: relative; z-index: 2; float: left; margin: 0; padding: 0; list-style: none; white-space: nowrap;}
.hnav li a {display: inline-block; text-decoration: none;}
.hnav li a:hover {text-decoration: none;}
.hnav li ul {position: absolute; z-index: 3; top: 100%; left: 0; display: none;}
.hnav li li {display: block; float: none; margin: 0;}
.hnav li li a {display: block;}
/* right menu */
.hnav li.right ul {right: 0; left: auto;}
.hnav li.right li a {text-align: right;}


body {background-color: #fff; font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 13px;}
td {font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: 13px;}
a {color: #0066cc; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

#header {margin: 0 auto; height: 90px; width: 860px;}
#logo {float: left; padding: 20px 0 0 15px;}
#support {float: left; margin: 45px 0 0 20px; height: 24px; line-height: 24px; font-size: 14px; color: #666;}
#support .phone {float: left; margin-right: 15px;}
#support .online {float: left;}
#support .online img {margin-top: -1px;}
#news {margin: 0 auto; height: 40px; width: 860px;}

#topnav {margin-top: 45px;}
#topnav li {border-left: 1px solid #888;
	border-left: expression(this.previousSibling==null ? '0' : '1px solid #888'); /* Some part run on quirk mode */            
}

#topnav li.smallwrap a {
    margin-top: -3px; 
    height: auto; 
    line-height: normal; 
    font-size: 12px; 
    text-align: left;
}

#topnav li:first-child {border-left: 0;}
#topnav a {display: inline-block; padding: 0 14px; height: 24px; line-height: 24px; font-size: 15px;}




#mainnav {margin: 0 auto; padding: 10px 0; width: 860px; background: #0066cc; text-align: center;}


#content {
	margin: 0 auto; width: 860px; text-align: left; zoom: 1;
}
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footer {
	clear: both;
	margin: 20px auto;
	padding: 15px 0;
	width: 840px;
	border-top: 4px solid #0066cc;
	text-align: left;
	zoom: 1;
}
#footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footer .leftside {
	float: left; 
	width: 130px;
}
#footer .rightside {
	float: right; 
	text-align: right;
	width: 196px;
}

#footer .social-icons-label {display: inline-block; padding-right: 10px; color: #555; text-align: left; font-size: 11px;}
#footer .social-icons .icon {margin-right: 5px;}
#footer .seals table td {padding-bottom: 5px;}
#footer .seals {clear:both; margin-top: 0;}
#footer .seals img {margin-right: 4px;  float:right;}

#linkedin {padding-top: 9px; font-size: 9px;}

#copyright {padding-top: 9px; font-size: 9px; color: #666;}

.footerMenu {
	float: left;
	margin: 0; 
	padding: 0 24px 0 15px;
	height: 95px;
	list-style: none;
	border-left: 1px solid #bbb;
}

.footerMenu a {
	font-size: 11px;
}

.footerMenu li {
	margin: 0; 
	padding: 2px 0;
	list-style: none;
	white-space: nowrap;
}



.linkarrow {
	display: inline-block;
	padding: 0 16px 0 0;
	background: url(../image/SiteSpecific/CC/home/linkarrow.png) 100% 50% no-repeat;
}

/********************************* TO DELETE *********************************/

.Default
{
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}
/*
.Default:hover
{
	text-decoration: underline;
}


.Note
{
	font-size: 8pt;
	font-weight: normal;
}*/

/*.MapHeaderSmall
{
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	background-color: #000066;
	text-align: center;
	text-decoration: none;
}
.MapHeaderSmall:hover
{
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	background-color: #000066;
	text-align: center;
	text-decoration: underline;
}*/

/*.MapBgColor
{
	background-color: #e8e9ed;
}*/


/*.PressReleaseMainTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: #000000;
}*/

.Back0
{
	background-color: white;
}
.LabelRed
{
	font-weight: bold;
	font-size: 9pt;
	color: #ff0000;
	text-decoration: none;
}
.ListItem
{
}
.ListItem LI
{
	list-style-type: square;
}
.RedText
{
	color: red;
}
.ControlDescription
{
	margin-top: 100px;
	font-size: 9pt;
	margin-bottom: 10px;
	padding-top: 500px;
}

.MarginBottomOnly
{
	margin-top: 0px;
	margin-bottom: 20px;
}


/* New styles for header and home page */



INPUT.orderTextBox
{
	color: #333333;
	font-size: 8pt;
	width: 72pt;
}


.smallText2
{
	font-size: 8pt;
	color: #0066CC;
	padding-bottom: 12pt;
}

.menuHeaderPadding
{
	padding-top: 10pt;
	padding-bottom: 7pt;
}

.mediumText
{
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
}

.boldText
{
	font-weight: bold;
}

.boldRedText
{
	font-weight: bold;
	color: Red;
}


.rightMenuSection
{
	padding-bottom: 7pt;
}

.menuHeader
{
	color: #4286d7;
	font-size: 9.5pt;
	font-weight: bold;
}

.menuItem
{
	text-align: left;
}

.borderRight
{
	border-right: #333333 1.5pt solid;
}

.borderLeft
{
	border-left: #333333 1.5pt solid;
}

.noBorder
{
	border: none;
}

.borderBottom
{
	border-bottom: #333333 1.5pt solid;
}

.borderBottomLight
{
	border-bottom: #333333 1pt solid;
}

.borderBottomOver
{
	border-bottom: #66a3e0 1.5pt solid;
}


.inlineLink
{
	color: #0167cc;
	font-size: 8pt;
}






.menuSpace
{
	color: #01CCFF;
	padding: 0pt 4.5pt 0pt 4.5pt;
}



TR.tableRow1
{
	height:20pt;
}


HR
{
	height: 1px;
	color: #333333;
}

HR.hr1
{
	height: 1px;
	color: #000066;
}

A.invisible
{

	font-weight: normal;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}

.headr 
{
	font-weight: bold; 
	text-align: left; 
	vertical-align: top; 
	white-space: nowrap;
}		


/********************************* PRICE TABLE *******************************/
#priceTable 
{
	border-right: 1px solid #000066;
	border-top: 1px solid #000066; 
}

#priceTable td 
{
	border-bottom: 1px solid #000066; 
	border-left: 1px solid #000066; 
	height: 30px; 
	margin: none;
	padding: 2px; 
	text-align: center; 
}				

#rowHeader td 
{
	background-color: #E8E9ED; 
	border-bottom: 1px solid #000066; 
	border-left: 1px solid #000066; 
	margin: none;
	padding: 2px; 
	text-align: center; 
}


/********************************* TOP MENU **********************************/
.topMenuBack
{
	background-color: #FFFFFF;
	color: #333333;
	font-size: 7.5pt;
	font-weight: normal;
	height: 14pt;
	text-align: right;
	vertical-align: middle;
}

.topMenuLink
{
	color: #0167cc;
	font-weight: bold;
	text-decoration: none;
}

.topMenuLink:hover
{
	color: #66A3E0;
}

.topMenuSpacer
{
	color: #333333; 
	padding: 0pt 7pt 0pt 7pt;
}
/*****************************************************************************/

/******************************** MAIN MENU **********************************/
/* The menu levels are defined in files menu_data_en.js and menu_data_fr.js */
/* 3 niveau de tag qui utilise les meme class div / td / a */
/* on hover, seul le td et a change a 'On' */
.mainMenuBack {}

div.mainMenuLevel1Off {margin: 0 auto;}
 td.mainMenuLevel1Off {border-left: 1px solid #98c2e9;
	border-left: expression(this.previousSibling==null ? '0' : '1px solid #98c2e9'); /* Some part run on quirk mode */            
}
 td.mainMenuLevel1Off:first-child {border-left: 0;}
  a.mainMenuLevel1Off {display: inline-block; margin: 0px; padding: 0 15px; color: #fff; font-size: 13px; text-decoration: none;}

 td.mainMenuLevel1On {border-left: 1px solid #98c2e9;
	border-left: expression(this.previousSibling==null ? '0' : '1px solid #98c2e9'); /* Some part run on quirk mode */
}
 td.mainMenuLevel1On:first-child {border-left: 0;}
  a.mainMenuLevel1On {display: inline-block; margin: 0px; padding: 0 15px; color: #fff; font-size: 13px; text-decoration: none;}


div.mainMenuLevel2Off {border: 1px solid #333; margin-left: 10px; margin-top: 5px;}
 td.mainMenuLevel2Off {background: #eee;}
  a.mainMenuLevel2Off {padding: 6px 4px; color: #000; text-decoration: none; font-size: 13px;}

 td.mainMenuLevel2On {background: #0066CC;}
  a.mainMenuLevel2On {padding: 6px 4px; color: #ffffff; text-decoration: none; font-size: 13px;}


div.mainMenuLevel3Off {border: 1px solid #333; margin-left: -1px;}
 td.mainMenuLevel3Off {background: #eee;}
  a.mainMenuLevel3Off {padding: 6px 4px 6px; color: #000; text-decoration: none; font-size: 13px;}

 td.mainMenuLevel3On {background: #0066CC;}
  a.mainMenuLevel3On {padding: 6px 4px 6px; color: #ffffff; text-decoration: none; font-size: 13px;}


/*****************************************************************************/

/******************************** SIDE MENU **********************************/
.sideMenuBorder
{
	border-right: #000066 1px solid;
	border-top: #000066 1px solid;
	border-left: #000066 1px solid;
	border-bottom: #000066 1px solid;
	background-color: #e8e9ed;
}

.sideMenuTitle
{
	color: #000066; 
	font-size: 12pt; 
	font-weight: bold;
	text-decoration: none;
}

.sideMenuLink
{
	font-size: 9pt;
	color: #000066; 
	text-decoration: none;
}

.sideMenuLink:hover
{
	font-size: 9pt;
	color: #000066;
	text-decoration: underline;
}
/*****************************************************************************/

/******************************** INFO TABLE *********************************/
.infoTable
{
	border-style: none;
	background-color: #FFFFFF;
}

.infoTable thead
{
	padding: 4px, 4px, 4px, 10px;
	background-color: #0066CC;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

.infoTableHeaderText
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
}
.infoTableHeaderText:hover
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: underline;
}

.infoLink
{
	font-size: 9pt;
	color: #000066; 
	text-decoration: none;
}

.info:hover
{
	text-decoration: underline;
}
/*****************************************************************************/


/******************************** FEATURES BLOCK TABLE *********************************/

#featuresblock td {background-color: white; border: 1px solid #eee; text-align: center; padding: 3px; line-height: 20px;}
#featuresblock td strong {clear: both; display: block; float: left; width: 100%;}
#featuresblock th {background: repeat-x top #5882a9; color: white; padding: 5px;}
#featuresblock td.price {font-size: 16px; font-weight: bold; padding: 5px 0;}

/*****************************************************************************/


/******************************* DATA ENTRY **********************************/
.dataEntryTable
{
	border-style: none;
	background-color: #FFFFFF;
}

.dataEntryTable thead
{
	background-color: #0066cc;
}

.InputButton
{
	border-right: #000066 1px solid;
	border-top: #000066 1px solid;
	border-left: #000066 1px solid;
	color: #000066;
	border-bottom: #000066 1px solid;
	background-color: #e8e9ed;
}

.InputField
{
	border-right: #000066 1px solid;
	border-top: #000066 1px solid;
	font-weight: normal;
	font-size: 10pt;
	border-left: #000066 1px solid;
	border-bottom: #000066 1px solid;
}

.Label
{
	font-weight: bold;
	font-size: 9pt;
	color: #000066;
	text-decoration: none;
}

/*****************************************************************************/


/********************************** QUOTE ************************************/
.quoteTable
{
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
	background-color: #e8e9ed;
	color: #000000;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;	
}

.quoteTable input
{
	background-color: #e8e9ed;
	border-color: #e8e9ed;
	border-style: solid;
	border-width: 1px;
	text-align: right;
	font-weight: normal;
}

.quoteBorder
{
	border-right: #000066 1px solid;
	border-top: #000066 1px solid;
	border-left: #000066 1px solid;
	border-bottom: #000066 1px solid;
	background-color: #e8e9ed;
}

.quoteTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}

.baseQuote
{
	background-color: #e8e9ed;
	border-color: #e8e9ed;
	border-style: solid;
	border-width: 1px;
	font-size: 10pt; 
	text-align: right;
}


/* Always used in conjonction with baseQuote */
.quotePrice
{
	font-weight: normal !important;
}

/* Always used in conjonction with baseQuote */
.quotePriceFree
{
	font-weight: bold !important;
	color: red !important;
}

/* Always used in conjonction with baseQuote */
.quotePriceBold
{
	font-weight: bold !important;
}

.PriceQuote
{
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
}
/*****************************************************************************/


/********************************** BLOCK ************************************/
.blockBorder
{
	border-right: #000066 1px solid;
	border-top: #000066 1px solid;
	border-left: #000066 1px solid;
	border-bottom: #000066 1px solid;
}

.blockBorderColor
{
	background-color: #000066; 
}

.blockHeader
{
	background-color: #0066cc; 
}

.blockHeaderPrintable
{
	background-color: #00CCFF; 
}

.blockTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
}

.blockTitleLink
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff; 
	text-decoration: none;
}
.blockTitleLink:hover
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: underline;
}

.blockText
{
	color: #000066; 
	font-size: 9pt;
}

.blockTextLink
{
	color: #000066; 
	font-size: 9pt;
	text-decoration: none;
}
.blockTextLink:hover
{
	font-size: 9pt;
	color: #000066;
	text-decoration: underline;
}

.blockLabel
{
	font-weight: bold;
	font-size: 9pt;
	color: #000066;
	text-decoration: none;
}

.blockContentListHeader
{
	background-color: #e8e9ed; 
}

.trOdd
{
	background-color: #e8e9ed;
}

.blockInfo
{
	background-color: #dddddd; 
}

.blockInfoText
{
	font-weight: normal;
	font-size: 8pt;
	color: #000066;
	text-decoration: none;
}
/*****************************************************************************/


/********************************* GENERAL ***********************************/

.spacerLineThin
{
	background-color: #666666;
	height: 1px;
}

.spacerLineHeavy
{
	background-color: #0066CC;
	height: 5px;
}

.hrBreak1
{
	color: #000000;
}

.hrBreak2
{
	background-color: #0066cc;
}

.DefaultTitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}
.DefaultTitle:hover
{
	text-decoration: underline;
}

.linkImage
{
	border: 0pt;
	vertical-align: bottom;
}

.pageTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: #000066;
	text-decoration: none;
}

.pageTitleSub
{
	font-weight: bold;
	font-size: 12pt;
	color: #000066;
}

.businessServiceSubProductTitleLink
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}

.businessServiceSubProductTitleLink:hover
{
	text-decoration: underline;
}

.smallText
{
	font-size: 8pt;
	color: #333333;
}

.NormalSmall
{
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}


/*****************************************************************************/

/******************************* DISCLAIMER **********************************/

.rowHeader {
		font-weight: normal;
		font-size: 9pt;
		color: #000000;
		text-decoration: none;
		padding-left: 2px;
		padding-right: 2px;
		font-weight: bold;
		border-left: 1px solid white;
	}
	.rowDetail {
		font-weight: normal;
		font-size: 9pt;
		color: #000000;
		text-decoration: none;
		padding-left: 2px;
		padding-right: 2px;
		border-left: 1px solid white;
		height: 30px;
	}
/*****************************************************************************/