
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID and their CLASSES ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{height:auto !important; height:100%; min-height:100%;}
#container3{margin:0 auto 30px auto; width:993px;}
#container4{margin:0 auto; background:url(../images/bg.gif) top center repeat-y; top:-13px; overflow:hidden; min-width:974px; padding:0px 10px; }
#container5{overflow:hidden; margin:0 auto 20px auto; }

/* HEADER ========================================================================================================*/
#header{ overflow:visible; width:100%; position:relative; z-index:20000; }
#header #logo {float:left; height:78px; margin-bottom:5px;}


/* menu */
#menu{z-index:30000; background:url(../images/menuBG.png) top center no-repeat; background-image:url(../images/menuBG.png); min-width:993px; position:relative; height:50px; min-height:50px; color:#207e86; top:13px; left:-1px; z-index:10; }/*z-index: 10*/
#menu ul{overflow:hidden; margin:0px; padding:0px; }
#menu ul li{float:left; height:34px;}
#menu li img{vertical-align:top;}
#menu li a:hover img, #menu li a img.active{}
#menu li.last{background:url(../images/menuBlank.gif) top left no-repeat; min-width:55px;}

/* hover submenu */
#menu .subMenuItems ul{display:none; overflow:hidden; position:absolute; top:37px; left:11px; height:39px; overflow:hidden; z-index:1000;}
#menu .subMenuItems ul li{font-weight:bold; font-size:0.97em; float:left; padding: 10px; position:relative;}
#menu .subMenuItems ul li.separator{background: url(../images/submenuSEP.gif) bottom center repeat-y; width:2px;  padding: 10px 0;}
#menu .subMenuItems ul li.selected{background: #fff url(../images/submenuBG_on.gif) top left repeat-x;}
#menu li:hover .subMenuItems ul{display:block;}

/* submenu */
#subMenu{background: #e7f3fe bottom left repeat-x; overflow:hidden; z-index:100;}
#subMenu ul{overflow:hidden;}
#subMenu ul li{font-weight:bold; font-size:0.97em; float:left; padding: 10px; position:relative;}
#subMenu ul li.separator{background: url(../images/submenuSEP.gif) bottom center repeat-y; width:2px;  padding: 10px 0;}
#subMenu ul li.selected{background: #fff url(../images/submenuBG_on.gif) top left repeat-x;}

/* sublevel */
#subLevel{background-color: #fff;  border-bottom:1px solid #e6f2fe; overflow:hidden; z-index:100;}
#subLevel ul{overflow:hidden;}
#subLevel ul li{font-weight:bold; font-size:0.97em; float:left; padding: 8px 15px 8px 10px; position:relative;}
#subLevel ul li a.active{text-decoration:underline;}




/* CONTENT =========================================================================================================*/


/* OneColumn template */
#oneColumn{padding-right:20px; min-height:500px;}


/* Home Template */
#homeContent .leftTitle h1{margin:20px 10px 10px 10px;}
#homeContent .leftText{margin: 0 30px 0 15px;}

#homeAnim{border:1px solid #ccc; overflow:hidden;}

/* Main Content */
#mainContent{margin:5px 0 10px 20px;}
#mainContent  h1{margin:0;}
#mainContent .priceBloc{width:142px; float:right; text-align:left; padding:10px 0;}
#mainContent .priceBloc .btn {padding-top:8px;}
#mainContent .priceBloc .btn a{display:block; padding-bottom:3px;}
#mainContent .intro{overflow:hidden; border-bottom:1px solid #e6f2fe; margin-bottom:15px;}
#mainContent .intro h1 img{ vertical-align:middle; margin: 0 10px 15px 0;}
#mainContent .intro h2{margin:0; padding:0; display:inline;}
#mainContent .intro h2 p{line-height:1.2em; font-weight:bold; margin:0; padding: 0 15px 0 0; display:inline;}
#mainContent .mainText{padding-right:65px;}
#mainContent .mainText .btmNotice{font-size:0.9em; line-height:1.2em; padding:15px 0 0 0;}
#mainContent .mainText .btmNotice .toggleLink{background:url(../images/plus.gif) left 3px no-repeat; padding-left:13px; cursor:pointer; color:#0079cc; font-weight:bold; text-decoration:none;}
#mainContent .mainText .btmNotice .toggleLink p{display:inline;}
#mainContent .mainText .btmNotice .toggle_open .toggleLink{background:url(../images/minus.gif) left 3px no-repeat; padding-left:13px; cursor:pointer;}
#mainContent .mainText .btmNotice .noticeText{padding:5px 13px;}
#mainContent .mainText .btmNotice .noticeText p{margin:5px 0; display:block;}

/* Landing Page */
#landingPage{margin:5px 0 10px 20px;}
#landingPage  h1{margin:0;}
#landingPage .mainText{padding:5px 0 0 0; clear:both;}
#landingPage .rightBlock{float:left; width:188px;margin-right:10px; min-height:110px;}
#landingPage .last{margin-right:0;}




/* Business Landing Page with Promo Boxes  */
#btobPromoBoxes{margin:0 0 10px 20px;}
#btobPromoBoxes .infoBloc{margin:0 0 15px 0; overflow:hidden;  border-bottom:1px solid #e6f2fe; padding-bottom:10px;}
#btobPromoBoxes .infoBloc .leftCol{padding:0;}
#btobPromoBoxes .infoBloc .leftCol h2{margin:0;}
#btobPromoBoxes .infoBloc .leftCol p{float:left; padding:0 40px 0 0 ; margin:0; line-height:1.2em;  width:400px;}
#btobPromoBoxes .infoBloc .leftCol .btnMore{float:right; margin-top:15px;}

/* News Content  */
#newsContent{margin:0 0 10px 20px;}
#newsContent .intro{overflow:hidden; border-bottom:1px solid #e6f2fe; margin-bottom:20px; padding: 0 0 20px 0; }
#newsContent .intro h1 img{ vertical-align:middle; margin: 0 10px 15px 0;}
#newsContent .intro h2{margin:0; padding:0; display:inline; }
#newsContent .intro h2 p{line-height:1.2em; font-weight:bold; padding:0; display:inline;}
#newsContent .news{margin:10px 0; overflow:hidden;  border-bottom:1px solid #e6f2fe; padding-bottom:10px; text-align:justify;}
#newsContent .news h2, #newsContent .news h3{margin:0 0 0.2em 0;}
#newsContent .news .newsDate{margin:0 0 0.7em 0;}
#newsContent .news .newsImage{float:left; padding: 5px 15px 3px 0; }
#newsContent .news .newsText{margin-top:15px;}
#newsContent .news .newsText p{margin-top:0; }
#newsContent .btnApply img{margin-top:-3px;}

.optionBlock {background-color:#ebf5fe; overflow:hidden; padding:10px 13px; vertical-align:top; width:620px; margin:15px 0;}
.optionBlock .optionText{float:left; text-align:left; overflow:hidden;width:440px; }
.optionBlock ul li{background:url(../images/list_bullet.gif) 0 5px no-repeat; line-height:1.5em; font-weight:bold; padding:0 0 0 13px;}
.optionBlock ul li p{font-weight:normal; margin:0 0 5px 0; font-size:0.97em; line-height:1.2em;}
.optionBlock ul ul{margin:0 0 10px 0;}
.optionBlock .optionPrice{width:142px; height:100px; float:right; text-align:left; padding:3px 0;}
.optionBlock .optionPrice .btn {padding-top:8px;}
.optionBlock .optionPrice .btn a{display:block; padding-bottom:3px;}

/* ContactList template */
#contactList{margin:0 0 10px 20px;}
#contactList .intro{overflow:hidden; border-bottom:1px solid #e6f2fe; margin-bottom:20px; padding: 0 0 20px 0; }
#contactList .intro h1 img{ vertical-align:middle; margin: 0 10px 15px 0;}
#contactList .intro h2{margin:0; padding:0; display:inline; }
#contactList .intro h2 p{line-height:1.2em; font-weight:bold; padding:0; display:inline;}
#contactList .infoBloc{margin:0 0 15px 0; overflow:hidden;  border-bottom:1px solid #e6f2fe; padding-bottom:10px;}
#contactList .infoBloc .leftCol{float:left; width:285px; padding:0;}
#contactList .infoBloc .leftCol h2{margin:0;}
#contactList .infoBloc .leftCol p{padding:0 40px 0 0 ; margin:0; line-height:1.2em;}
#contactList .infoBloc .middleCol{float:left; width:195px; padding:0; text-align:left;}
#contactList .infoBloc .middleCol p{margin:0;}
#contactList .infoBloc .rightCol{float:right; width:140px; padding:0; text-align:left;}
#contactList .infoBloc .rightCol .btnMore{margin-top:7px;}
#contactList .bottom{margin-top:20px;}
#contactList .bottom .bottomLeft{float:left; margin-bottom:30px;}
#contactList .bottom .bottomRight{float:right; width:340px; font-size:0.87em; line-height:1.3em;}

/* Chat template */
#chatTemplate{width:931px; overflow:hidden;}
#chatTemplate #contentLeft{float:left; width:185px;}
#chatTemplate #contentRight{ float:left; width:746px;}
#chatTemplate #contentRight h1{ display:block; margin:-5px 0 0 0; padding:15px 20px; position:relative;}
#chatTemplate #contentRight iframe{margin:15px 20px; width:710px; height:367px; border:1px solid #F60;}

/* Contact form */
#contactForm .col2-set .col-1{width:165px;}
#contactForm .col2-set .col-2{float:left; margin-left:20px; width:165px;}
#contactForm .btnBottom{position:relative !important; left:458px !important;}

/* Subscribe form */
#subscribeForm{padding:0 0 20px 0; width:640px;}
#subscribeForm h2 {padding:10px 0 7px 0; margin:0px 0 10px 0; border-bottom:1px solid #e6f2fe; border-top:1px solid #e6f2fe;}
#subscribeForm .text, #subscribeForm select{width:155px;}
#subscribeForm .col2-set{margin-bottom:20px;}
#subscribeForm .col2-set .col-1{padding-left:5px;width:35%;}
#subscribeForm .col2-set .col-2{padding-left:5px;width:60%;}
#subscribeForm .col2-set .col-2 .cta{display:block; padding-left:0;}

/* Two Columns with text and Menu */
#twoColumnsText #contentRight{float:right; width:675px; margin:0 20px 50px 0; padding-right:40px;}
#twoColumnsText #contentRight h1{margin:0;}

/* sitemap */
#sitemap{margin:20px 0;}
#sitemap a{color:#000;}
#sitemap a:hover{ text-decoration:underline;}
#sitemap ul{margin:0 0 0 15px; min-width:235px;}
#sitemap ul li{font-weight:normal; font-size:1.17em; padding:2px 0; background:none !important;}
#sitemap ul li li{font-weight:bold; font-size:0.87em; padding-left:20px !important; background:none !important;}
#sitemap ul li li li{background:url(../images/list_bullet.gif) 0 3px no-repeat !important; line-height:1.5em; font-weight:normal; padding:0 0 0 13px;}
#sitemap ul li li a{color:#0079cc;}



/* error page */
#notFound{margin:30px 0;}
#notFound .col{float:left; width:300px;}
#notFound .btmMessage{margin:15px 0;}
#notFound .btmMessage div{float:left;}
#notFound .btmMessage .zeroBtn{padding-right:10px;}
#notFound .btmMessage .text{padding:5px 0; width:230px; line-height:1.2em;}


/* FOOTER ==========================================================================================================*/
#footer{background-color:#434343; position:relative; color:#fff; overflow:hidden; font-size:0.87em; margin:0 8px; top:-15px;}
#footer .container{margin: 20px 20px 20px 20px; overflow:hidden;}
#footer a{font-weight:normal; color:#fff;}
#footer ul{margin: 0 0 15px 0;}
#footer li{display:inline; padding:0 1px; color:#fff;}


/* company infos */
#companyInfos a{font-weight:bold; text-decoration:underline;}
#companyInfos a:hover{text-decoration:none;}
#companyInfos p{margin:0;}

#creditsNVI p{margin:0; font-size:0.97em}
#creditsNVI a{text-decoration:underline;}
#creditsNVI a:hover{text-decoration:none;}
 
/* keywords */
#keywords{color:#aaa; font-size:10px; line-height:12px;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CLASSES ONLY ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* col-2 set */
.col2-set{overflow:hidden; }
.col2-set .col-1{float:left; width:49%; }
.col2-set .col-2{float:right; width:49%;}

/* col-3 set */
.col3-set{overflow:hidden;}
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3{float:left; width:33%;}

/* Forms bottom buttons */
.btnBottom{float:left; margin-right:10px;}

/* box */
.box{border:1px solid #b7b7ae; width:49%;}
.box .boxHeader{background:#f9b226; border-bottom:1px solid #b7b7ae; font-weight:bold; height:20px; padding:0 10px;}
.box .boxContent{min-height:188px; padding:10px 10px;}

/* cta block */
.ctaBlock{border:1px solid #cee6fe; background: url(../images/blockBG.gif) repeat-x bottom left; padding: 0; overflow:hidden; margin:0 0 10px 0;}

/* residential cta block */
.residentialCtaBlock{height:192px; position:relative;}
.residentialCtaBlock a{background:url(../images/flash.png) repeat left top; height:192px; position:absolute; width:266px;}

/* blocks */
.rightBlock{border:1px solid #cee6fe; background: url(../images/blockBG.gif) repeat-x bottom left; padding: 15px 8px 5px 10px; overflow:hidden; margin:0 0 10px 0; }
.rightBlock h4 {margin:0;}
.rightBlock p{font-size:0.97em; margin:0 0 5px 0; padding:0; line-height:1.2em;}

#blockList li{background:none !important; padding:0 0 0 0 !important;}

/* sub menu container */
.subMenuContainer{height:39px; background-color:#e7f3fe;}

/* input box */
.inputBox{margin:10px 0;}

/* open modal */
.openModal{cursor:pointer;} 

/* modal */
.modal{background:#f7f7f7; }
.modal .modalContent{padding:10px 20px;border:1px solid #e6f2fe;}
.modal .modalContent .closeBtn{cursor:pointer; font-size:1.2em; float:right; color:#000;}
.modal .modalContent .closeBtn a{text-decoration:none;}
.modal .modalContent .modalImg{padding:5px 0 10px 0; text-align:center; clear:both;}

/* bottom spacer */
.btmSpacer{height:50px;}

/* cms content */
.cmsContent{padding-bottom:20px;}
.cmsContent h2{font-weight:bold; margin-top:1.5em;}
.cmsContent h3{font-size:1.3em; font-weight:normal; margin-top:1em;}


/* details table */
.detailsTable td{ border:1px solid #CCC;}
.detailsTable .title{background-color:#e2e2e2; font-weight:bold; white-space:nowrap;}
.detailsTable .details{text-align:center;}

/* access numbers table */
.accessNumbers {width:700px; margin:0 100px;}
.accessNumbers td{ border:1px solid #CCC; text-align:center;}
.accessNumbers td.province{background-color:#999; font-weight:bold;}
.accessNumbers td.title{background-color:#e2e2e2; font-weight:bold;}

/* cta link */
.cta{padding-left:20px;}

/* separator */
.sep{height:2px; width:100%;}

/* clear, align and floats */
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.middle{margin:0 auto; text-align:center;}
.bottom{vertical-align:bottom;}

/* displays */
.none{display:none;}
.inline{display:inline;}
.block{display:block;}

/* error & success */
.error2{color:#ff0000;}
.required{color:#ff0000;}
.success{color:#009900;}
.notice{color:#5288bd;}
.warning{color:#cc8600;}

/* validation box */
.validationBox{margin-bottom:7px;}
.validationBox ul{border:1px solid #C00;padding: 20px;margin:20px 0 25px 0;background-color:#FFEAEB;}
.validationBox li{list-style:none; background:url(../images/red_list_bullet.gif) 0 5px no-repeat !important; line-height:1.5em !important;  padding:0 0 0 13px !important;}

.notification{margin:5px;}
.notification .success ul{margin: 5px 0 0 10px !important; background-color:#E6F8E0; border:1px solid green; padding:0px;}
.notification .success ul li{list-style:none; background:url(../images/success.gif) 0 0px no-repeat !important; height:30px; margin:10px; padding-left:30px !important; }

.notification .warning ul{margin: 5px 0 0 10px !important; background-color:yellow; border:1px solid red;}
.notification .warning ul li{line-height:24px !important; background:url(../images/warning.jpg) 0 5px no-repeat !important; line-height:1.5em !important; padding-left:31px;}

.notification .error2 ul{margin: 5px 0 0 10px !important; background-color:#F6D8CE; border:1px solid red; padding:10px;}
.notification .error2 ul li{list-style:none; background:url(../images/red_list_bullet.gif) 0 5px no-repeat !important; line-height:1.5em !important;  padding:0 0 0 13px !important;}

/* rolloverTrans */
.rolloverTrans{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.rolloverTrans:hover{filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* javascript ----------------------------------------------------------------------------------------------------*/
.javascriptOff{display:none;} /* pour ceux qui n'ont pas javascript on cache le contenu avec le css*/ /* SS:Renamed jsOnlyContent to javascriptOff */
.contentHide{} /* pour ceux qui ont javascript on cache le contenu avec javascript(maxlib2.js)*/

/* worker */
.worker{ height:36px; width:36px;}

/* Language/Province and product type selection Modal */
.modal01{ padding: 13px 27px 15px 31px ; border: 3px solid #d4e9fe ; }
.modal01 .mTitle01{ margin: 30px 0px 15px 0px ; padding: 0px ; }
.modal01 .mTitle02{ margin: 0px 0px 15px 0px ; padding: 0px ; }	
.modal01 .mNote{ color: #5e5c5c ; font-family: Arial, Verdana ; font-size: 10px ; }
.modal01 .mLeftColumn{ width: 315px ; float: left ; }
.modal01 .mRightColumn{ width: 101px ; float: left ; padding: 0px 0px 0px 30px ; }
.modal01 .mSubTitle{ color: #0079cc ; font-weight: bold ; text-decoration: none ; margin: 0px ; padding: 0px ; }
.modal01 .mHorizontalList{ margin: 0px ; padding: 0px ; }
.modal01 .mHorizontalList li{ float: left ; padding: 0px 10px 10px 0px ; white-space: nowrap ;  }
.modal01 .mClear{ clear: both ; }
.modal01 .mHidden{ display: none ; }
.modal01 .mDisplay{ display: '' ; }


/* Check Box Style*/
.chkChoice input { margin-left: -20px; }
.chkChoice td { padding-left: 20px; }
.chkChoice label { margin-left:5px; }

.row{ text-align:left; float:left;}

.legalTD { background:whitesmoke; }
.legalTDTD{}
.feedbacktd{ min-width:330px; text-align:left; border:0px solid black;}
.LangPanelHide{ display:none;}
.LangPanelShow{ display:block;}