@import "bell_master.css";
/*!:: BELL CANADA version: v1.3111

Development Team: Son Pham, Michel Pen, Philippe Prevost
Contributors: --- 

www.bell.ca/enterprise/EntPrd_Web_Landing.page

This file is part of Bell.ca UIKit style library. It require bell_master.css to be 
imported properly, as it provide basic styles and some crucial structure and
interaction elements. Please consider both files as a whole.

::*/

/* TO DO 
	mainNavigation:	center the text/image at the middle of the link (with the padding-top/padding-bottom) (Javascript)
					fill the blank space of the menu (Javascript)
	
	carousel:		create a new type of carousel, with editable text and image (Javascript + css)
	
	itemGroup:		add a script to center the sectionContent of the itemGroup (Javascript)
	
	cTabs:			when using cTabs the Javascript create a span in the title with the number of items ans its not useful in BCE
					we need to remove it in the Javascript. And then remove this line of the css ''.cHeader .txtRep span, .cHeader h2 span''
*/

/*:: =General :::::::::::::::::::::::::::::::: */
.dataTable .priceTag {text-align: left;}
.dataTableThemeC td:last-child, .dataTableThemeC th:last-child, .dataTableThemeC td.last, .dataTableThemeC th.last {border-bottom:0 !important;}

/*:: =fontSizer :::::::::::::::::::::::::::::::: */
.fontSizerSize1-5 {font-size: 1.5em;}
.fontSizerSize2 {font-size: 2em;}
#content.fontSizerSize1-5, #content.fontSizerSize2 {line-height: 1.5em;}

.fontSizer {font-size:11px;}
	.fontSizerThemeA {font-size:13px;}
	.fontSizerThemeB {font-size:16px;}

/*:: =mainNavigation :::::::::::::::::::::::::::::::: */
.mainNavigation {position:relative;margin-bottom:19px;border-bottom:solid 1px #e2e2e2;}
	.mainNavigation ul, .mainNavigation ul li, 
	.mainNavigation ul li.active, .mainNavigation ul li.active span {background:#f2f2f2 url(../common/all_languages/all_regions/skin/BCE/bg_mainNavigation.gif)  0 0 repeat-x;}
	.mainNavigation ul {overflow:hidden;margin:0;padding:0;border:solid 1px;border-color: #e0e0e0 #e2e2e2 #a9a9a9;background-color:#fff;}
		/*  NOTE to Integrator: 
			when there is new menu items please manually adjust padding default in english. 
			DO NOT FORGET: to adjust your changes for bell.bce.ie6.css/bell.bce.ie7.css */
		.mainNavigation ul li {padding:30px 33px 22px;font-size:1.5em;overflow:hidden;float:left;display:inline-block;margin:0;text-align:center;background-color:#f2f2f2;list-style-type:none;border-right:solid 1px #fff;border-left:solid 1px #e0e0e0;position:relative;}
		.fr .mainNavigation ul li {padding-left: 20px;padding-right:20px;}
			.mainNavigation ul li a {color:#212121 !important;}
			.mainNavigation ul li.active {background-position: 0 -100px;border-right: none;}
			.mainNavigation ul li.active span {background-position: 100% -100px;}
					.mainNavigation ul li a:hover  {text-decoration:none;}
					.mainNavigation ul li a.first {border-left:0;padding:18px 18px 20px;outline:none;}
					.mainNavigation ul li a.logo {display:block;text-indent:-999px;}
					.mainNavigation ul li a.last {border-right:0;}
						.mainNavigation ul li a span {display:none;}
						.mainNavigation ul li.active a span {display:block;position:absolute;top:0;right:0px;height:72px;width:8px;}

		.mainNavigation ul li.first {width: 128px;height:70px;background-position: 0 -300px;background-repeat: no-repeat;}
		.fr .mainNavigation ul li.first, .mainNavigation ul li.first {padding:0;}
		.mainNavigation ul li.last {border-right: none;}

	/* creating the Extras */
	.mainNavigationExtra1, .mainNavigationExtra2, .mainNavigationExtra3, .mainNavigationExtra4 {display:block;position:absolute;height:7px;width:7px;font-size:0;line-height:0;
	background:transparent url(../common/all_languages/all_regions/skin/BCE/bg_mainNavigation.gif) 0 -200px no-repeat;}

	/* positionning the Extras */
	.mainNavigationExtra1 {top:0;left:0;}
	.mainNavigationExtra2 {top:0;right:0;background-position:-7px -200px;}
	.mainNavigationExtra3 {bottom:-1px;right:0;background-position:-7px -207px;}
	.mainNavigationExtra4 {bottom:-1px;left:0;background-position:0 -207px;}


/*:: =cBoxThemeC :::::::::::::::::::::::::::::::::::: */
.cBoxThemeC {padding:0;}
	.cBoxThemeC .bord3 {background:url("../common/all_languages/all_regions/skin/bg_bordTab.gif") repeat-y scroll 230px 0 #F5F5F5;}
	.cBoxThemeC .itemAside {padding-top:28px;}

.cHeader .txtRep span, .cHeader h2 span {display:none;}

/* cWrapThemeB  */
.cWrapThemeB {z-index:0;position:relative;overflow:hidden;padding:0;min-height:674px;}
	.cWrapThemeB .pgFeature {z-index:2;position:absolute;top:0;left:0;margin:0;height:674px;width:973px;border:0 none;background-image:none;padding-left:1px;}
		.cWrapThemeB .pgFeature .carouselNav {bottom:32em;}
	.cWrapThemeB .cBox {z-index:3;position:absolute;left:20px;bottom:0;width:935px;}

	
/*:: =formSuper ::::::::::::::::::::::::::::::::::::: */
.formSuper {padding-top:17px;padding-bottom:14px;}
	.formSuper .formGroup {margin-right:22px;}
		.formSuper .formGroup .sectionContent {padding-left:0;}

		
/*:: =infoGroupThemeA ::::::::::::::::::::::::::::::: */
.infoGroupThemeA, .colGroup .infoGroupThemeA {margin-bottom:0; padding:21px;	border-bottom:0;}
	.infoGroupThemeA .sectionContent, .colGroup .infoGroupThemeA .sectionContent {width:80%;}
	.infoGroupThemeA .sectionHeader, .colGroup .infoGroupThemeA .sectionHeader {width:102px; margin-right:6px; padding-bottom:4px; padding-left: 0;}
		.infoGroupThemeA .sectionHeader h2, .infoGroupThemeA .sectionHeader h3, .infoGroupThemeA .sectionHeader h4{color:#555;}
		.infoGroupThemeA .dataListThemeA li .sectionHeader {font-size:1.166em;	font-weight:normal;	background:none;}
		.infoGroupThemeA ul {margin-bottom:0;}
		
.colGroup .infoGroup .dataList .sectionContent {margin-bottom:0;}
.infoGroup .dataListThemeA li .sectionContent {font-size:1em;}
.infoGroup .dataListThemeA li {margin-bottom:0; padding-bottom:0;}



/*:: =itemGroupThemeB ::::::::::::::::::::::::::::::: */
.itemGroupThemeB .itemFigure {float:none;margin-right:0;margin-bottom:4px;text-align:left;}
.itemGroupThemeB .sectionContent {padding-left:4px;}


/*:: =stickyFigureThemeD/stickyFigureThemeE ::::::::: */
.cBox .stickyFigureThemeD, .cBox .stickyFigureThemeE {padding-top:24px;padding-bottom:24px;}
	.stickyFigureThemeD .itemGroup, .stickyFigureThemeE .itemGroup {padding-top:0;padding-bottom:0;}
		.stickyFigureThemeD .itemFigure, .stickyFigureThemeE .itemFigure {position:absolute;top:auto;right:auto !important;bottom:0 !important;left:auto !important;float:none;margin:0 0 0 -20px !important;
		width:100%;text-align:center;}
			.stickyFigureThemeD .itemFigure img {display:inline;margin-bottom:-4px;}
			.stickyFigureThemeE .itemFigure img {float:right;}				

/* !DIRTY: patch for banners */
.stickyFigureThemeA .itemGroupThemeA .itemFigure {margin-top:0;}
			
/* Minor Correction */
.splitter .moreLink span.moreLinkExtra {margin-right:6px;}
.footer {width:100%;}
	.footer .unaccent {float:right;}
	
/* Minor esthetic adjustment */
a:visited {color:#0066A4;}
.cBoxThemeC .itemAside .formRadio {margin-bottom:0;}
.cWrapAlt .headingThemeA {margin-bottom:28px;}
.formGroup .sectionHeader span {font-size:0.85em;color:#555;}	
.splitter {margin-bottom:5px;}
.wrapMain {margin-bottom:24px;}

.carouselThemeA .carouselMedia {text-align:left;}
.carouselThemeB .carouselMedia {text-align:right;}
	.carouselThemeA .padder, .carouselThemeB .padder {padding-top:0;padding-bottom:0;}
	.carouselThemeA .stickyFigure .itemGroupThemeA .itemFigure, .carouselThemeB .stickyFigure .itemGroupThemeA .itemFigure {margin-right:0;}
.carouselThemeA .carouselNav, .carouselThemeB .carouselNav {bottom:16px;}

.carouselThemeC .carouselMedia {text-align:right;}
	.carouselThemeC .itemFigure, .carouselThemeC .sectionContent {position: absolute; left: 0; top: 0;}
	.carouselThemeC .sectionContent {width: 49%; z-index: 999; margin-left: 0!important;margin-right: 0!important;padding-top: 100px!important;}
.carouselThemeC .carouselNav {left:0;}

/*:: =table ::::::::::::::::::::::::::::::: */
thead tr { background-color: transparent !important;}

/* searchBarThemeA - searchBar (with filters) ### need to cleanup eventually (please refer to bce's ie css for IE-specific style fixes)*/
.searchBarThemeA {width: 310px; z-index: 10;}
	.searchBarThemeA form {overflow: hidden;}
	.searchBarThemeA input {float: left;}
	.searchBarThemeA button {position: relative;  height: 25px; background-position: right -40px;} /* -> margin-right is set in relation with the flyOutGroup's width - see line below */
	.searchBarThemeA .flyOutGroup {float: right; height: 25px; text-align: right; width: auto; background: url("../common/all_languages/all_regions/skin/bg_topNavSearchInput.gif") no-repeat scroll right -83px transparent;}
		.searchBarThemeA .flyOutGroup .flyOutTrig {position: relative; top: -1px; background: url("../common/all_languages/all_regions/skin/bg_iconSprite.gif") no-repeat scroll right -35px transparent; font-size: 11px; padding-left: 7px; padding-right: 34px;}
		.searchBarThemeA .flyOutGroup .flyOut {text-align: left; width: 200px;} /* <- width here could be set by JS */
		.searchBarThemeA .flyOutGroup .flyOut ul {margin-left: 0;}
		.searchBarThemeA .flyOutGroup .flyOut ul li {height: 1.916em;}
		.searchBarThemeA .flyOutGroup .flyOut ul li.last {padding-right: 0;}
		.searchBarThemeA .flyOutGroup .flyOut ul li a {color: #212121;} /* <- need to redeclare font color for some reason for IE6 (no impact on other browser) */
		.searchBarThemeA .flyOutGroup .flyOut ul li label {top: 0; left: 0; position: relative; line-height: 16px;}

/*:: =captcha (from third-party generated CSS) ::::::::::::::::::::::::::::: */
.recaptchatable td img {display: block;}
.recaptchatable .recaptcha_image_cell center img {height: 57px;}
.recaptchatable .recaptcha_image_cell center {height: 57px;}
.recaptchatable .recaptcha_image_cell {background-color: white;height: 57px;padding: 7px !important;}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {border: 0 none !important;border-collapse: collapse !important;margin: 0 !important;vertical-align: middle !important;}
.recaptchatable * {border: 0 none;bottom: auto;color: black;left: auto;margin: 0;padding: 0;position: static;right: auto;text-align: left !important;top: auto;}
.recaptchatable #recaptcha_image {border: 1px solid #DFDFDF !important;margin: auto;}
.recaptchatable a img {border: 0 none;}
.recaptchatable a, .recaptchatable a:hover {background: none repeat scroll 0 0 transparent !important;border: 0 none !important;color: blue;font-weight: normal;outline: medium none;padding: 0 !important;text-decoration: none;}
.recaptcha_input_area {background: none repeat scroll 0 0 transparent !important;position: relative !important;}
.recaptchatable label.recaptcha_input_area_text {border: 1px solid #DFDFDF !important;bottom: auto !important;left: auto !important;margin: 0 !important;padding: 0 !important;position: static !important;right: auto !important;top: auto !important;}
.recaptcha_theme_red label.recaptcha_input_area_text, .recaptcha_theme_white label.recaptcha_input_area_text {color: black !important;}
.recaptcha_theme_blackglass label.recaptcha_input_area_text {color: white !important;}
.recaptchatable #recaptcha_response_field {font-size: 11pt;margin-bottom: 1em;margin-left: 0;width: 291px !important;border-color: #5F5F5F #A6A6A6 #CDCDCD !important;border-style: solid  !important;border-width: 1px !important;}
.recaptcha_theme_blackglass #recaptcha_response_field, .recaptcha_theme_white #recaptcha_response_field {border: 1px solid gray;}
.recaptcha_theme_red #recaptcha_response_field {border: 1px solid #CCA940;}
.recaptcha_audio_cant_hear_link {color: black;font-size: 7pt;}
.recaptchatable {border: 1px solid #DFDFDF !important;line-height: 1em;}
.recaptcha_error_text {color: red;}
.recaptcha_is_showing_audio .recaptcha_only_if_image, .recaptcha_isnot_showing_audio .recaptcha_only_if_audio, .recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol, .recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol {display: none !important;}


/*:: =Events calendar ::::::::::::::::::::::::::::: */
.eventsCalendar td.first {width: 25%;}


/* IMPORTANT NOTICE! */
/* Please do not put additionnal styles/overwrites in the core files (bell.bce.core.css)
   For new styles/overwrites or styles not related with the bell UIKit core files, use bell.bce.custom.css */