/*
----------------------------------------------------------------------------
Project: BOX
Author: Jean-Francois Payant | District
Contact: jean-francois.payant@bell.ca
----------------------------------------------------------------------------
» Basic
» Form
» Table
» Wrapper
» Header
» Layout
» Side Navigation
» Content
» Footer
» Utilities
» Custom styles
» Print styles
----------------------------------------------------------------------------
*/

@import url("reset.css"); /* Reset all styles */

/*	=Basic	===============================*/

body * {position: relative;}

body {background: url(../images/bg_body.jpg) 0 0 repeat-x #cacacc; font: normal 11px verdana, helvetica, arial, sans-serif ;line-height: 15px;color: #333;}

	a {color: #333; text-decoration:none;}
		a:hover, a:focus {outline: 0; color: #000; text-decoration: underline;}

	h1 {font-size: 16px; line-height: 18px; font-weight: bold; font-family: helvetica, arial, verdana, sans-serif;}
	h2 {font-size: 16px; line-height: 18px; font-weight: normal; font-family: helvetica, arial, verdana, sans-serif;}
	h3 {font-size: 11px; line-height: 16px; font-weight: bold;}
	h4 {font-size: 10px; line-height: 14px; font-weight: normal;}

	p {margin-bottom: 8px;}
	p.last { margin-bottom: 0; }

	ul {margin-bottom: 8px; padding-left: 10px;}
		li {margin-bottom: 4px;}
	ul li, a.arrow { padding-left: 8px; background: url(../images/ic_defaultList.gif) left 4px no-repeat transparent;line-height: 13px; }

	ol {margin-bottom: 8px; padding-left: 8px; list-style: inside decimal;}
		ol li {padding: 0;}

	ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; margin-top: 4px; }

	li.last { margin-bottom: 0; }

	ol.alpha { list-style: inside lower-alpha !important; }

	dt {font-weight: bold;}
	dd {margin-bottom: 8px;}

	sup {bottom: 0.4em; font-size: 9px; font-weight: normal;}

	strong { font-weight: bold; }
	em { font-style: italic; }

/*	=Forms	===============================*/

form p {clear: left; margin-bottom: 10px;}
	form label {display: block; float: left; clear: both; width: 120px; margin-right: 8px; padding-top: 1px; line-height: 14px;text-align: right;}
		form input.txt, form textarea {border: 1px solid #ddd;}
		form input.txt {width: 200px;}
		form textarea {width: 300px;}

form p.checkbox {padding-left: 126px;}
	form p.checkbox input {float: left;margin: 0 6px 0 0; height: 15px; padding: 0;}
	form p.checkbox label {float: none; clear: none; width: auto; padding: 0; text-align: left; line-height: 15px;}

form p.error {padding: 6px; border: 1px solid #ff9999;  background: #ffefef;}
	form p.error input.txt, form p.error textarea {border: 1px solid #ff9999;}
	form p.error label {width: 113px;color: #ee0000; font-weight: bold;}
	form p.error .errorMsg {display: block; margin: 3px 0 0  121px;color: #ee0000;}

form p.buttonSet {padding:16px 0 0 126px;}
	button::-moz-focus-inner { border: none;} /* FIX FF */
	form button.bt_submit {height: 19px; padding:0 10px 0 0; margin: 0 4px; background:url(../images/bt_submitRight.gif) right top no-repeat transparent; border:0; cursor:pointer; text-align:center; line-height: 18px;}
		form button.bt_submit span { display:block; height: 19px; padding:0 0 0 12px; background:url(../images/bt_submitLeft.gif) left top no-repeat transparent; white-space:nowrap; color: #fff; line-height: 18px; text-transform: uppercase; font-size: 10px; }



/*	=Table	===============================*/

table { width: 100%; margin-bottom: 8px; font-size: 9px; line-height: 12px; }
	th, td { padding: 2px 3px; text-align: left; vertical-align: middle; }
	th { background-color: #a0a0a0; border-right: 1px solid #fff; color: #fff; white-space: nowrap; }
	th a { color: #fff !important; }
	td { background-color: #fff; color: #666; }
	tr.odd td { background-color: #e5eaf0; }
	tr.even td { background-color: #fdfdfd; }

table.left td, table.left th { text-align: left; }
table.right td, table.right th { text-align: right; }

table.cols5 td, table.cols5 th {
	padding: 0;
	width: 20%;
}

table.cols5 table {
	border-right: 2px solid #fff;
}
table.cols5 table td {
	border-left: 1px solid #fff;
}

table.cols5 table.data td, table.cols5 table.data th {
	font-size: 9px;
	padding: 1px 0;
}

table.cols5 table.data td {
	font-family: Arial;
}

table.cols5 table.data th {
	font-size: 10px;
	padding: 1px 2px;
}

table.data { border-bottom: 1px solid #e5eaf0; }

table.data td.header, table.cols5 table.data td.header {
	font-size: 10px;
	padding: 0 2px 2px;
	text-align: left;
	white-space: nowrap;
	font-weight: bold;
}

table.cols5 table.data th.orange {
	font-size: 10px;
	text-align: left;
	padding-right: 0;
}

tr.orange td, tr.orange th,
.orange, .orange a { color: #fff; background-color: #ff9900 !important; }
tr.orange td, tr.orange th, td.orange, th.orange { font-weight: bold; font-family: verdana, helvetica, arial, sans-serif; }

.orange a { color: #fff !important; }
th a { text-decoration: underline; }

td.top, th.top { vertical-align: top; }

td.date { vertical-align: top; white-space: nowrap; padding: 2px 0 2px; text-align: left; }

td ul, td ol { margin: 0; padding: 0; }
td ul li, td ol li { margin: 0; padding: 0 0 1px 7px; }

tr.width10 td, tr.width10 th, td.width10, th.width10 { width: 10%; }
tr.width20 td, tr.width20 th, td.width20, th.width20 { width: 20%; }
tr.width25 td, tr.width25 th, td.width25, th.width25 { width: 25%; }
tr.width33 td, tr.width33 th, td.width33, th.width33 { width: 33%; }
tr.width50 td, tr.width50 th, td.width50, th.width50 { width: 50%; }
td.width40, th.width40 { width: 40%; }
td.width60, th.width60 { width: 60%; }
td.width75, th.width75 { width: 75%; }

.vtop, .vtop td, .vtop th { vertical-align: top; }

/*	=Wrapper ===============================*/

.wrapper {background: url(../images/bg_wrapper.gif) 0 0 repeat-y transparent;}



/*	=Header	===============================*/

.wrapHeader {z-index: 1;}

.topNav {height: 1.4em;padding: 10px 0 8px;background: url(../images/bg_topNav.jpg) 0 0 repeat-y #ff9900;}
	.topNav ul {float: left;margin-bottom: 0;padding-left: 13px;}
		.topNav li {float: left;margin-bottom: 0;padding: 0 8px;background: none;border-right: 1px solid #ffcf9f;line-height: 11px;}
		.topNav li.last {border-right: 0 none;border-left: 1px solid #ffcf9f;}
			.topNav li a {color: #fff;}
			.topNav li.active a {color: #626262;}
		.topNav .search {margin-left: 60px;padding-right: 2px;border-right: 0 none;}
			.topNav .search form p {float: left; clear: none; margin: -3px 4px 0 0;}
				.topNav .search label {width: auto;}
				.topNav .search input {width: 179px; padding-left: 10px; margin: 0; border: 1px solid #b26b00; color: #888; }
				.topNav .search button.bt_submit {margin-top: -1px;background-image:url(../images/bt_submitRightTopNav.gif);}
					.topNav .search button.bt_submit span {background:url(../images/bt_submitLeftTopNav.gif);}

.feature {height: 151px; margin: 0;padding: 0;background: url(../images/bg_wrapFeature.gif) left bottom repeat-x transparent;}
	.feature .subWrap {height: 151px; padding-left: 10px; background: url(../images/bg_feature.jpg) 0 0 no-repeat transparent;}
		.lg_box {position: absolute; left: 16px;top: 20px;display: block; width: 346px; height: 90px;text-indent: -1000em;}

.mainNav {margin-bottom: 10px;background: url(../images/bg_mainNav.gif) 0 0 repeat-x transparent;}
	.mainNav .subWrap {float: left; padding-left: 0; height: 41px; margin-bottom: 0;line-height: 42px;}
		.mainNav li {z-index: 10; float: left; padding: 0 2px 0 0; background: url(../images/bg_mainNavElement.gif) right top no-repeat transparent; }
			.mainNav li a {display: block; width: 173px; padding-left: 19px; line-height: 41px; font-size: 15px; font-weight: normal; text-transform: uppercase; color: #fff; text-shadow: -1px -1px 1px #9d9ea3;}
			.mainNav li a:hover, .mainNav li a.open {background: url(../images/bg_mainNavLinkOver.gif) left top repeat-x transparent; text-decoration:none; color: #fff;}

			li.head ul {display: none;z-index: 10;position: absolute; left: -1px; top: 40px; margin: 1px 0 0  0; padding: 1px 0 0 0; background-color: #c6c9d0; float: none; border: 1px solid #aaadb4; border-top: 0 none;}
				li.head li {float: none; padding: 0; margin: 0;  background: none transparent;border-bottom: 1px solid #b9bcc3;}
					li.head li a {width: 155px; padding: 4px 5px 5px 32px;   font-size: 11px; line-height: 13px;text-transform: none;color: #77797d; text-shadow: none;}

					li.head li a,
					li.head li a:hover, .mainNav li li a.open,
					li.subHead li a,
					li.subHead li a:hover, .mainNav li li li a.open {background: url(../images/ic_dropDown.gif) 19px 9px no-repeat transparent;}

					li.head li.last {border: 0 none;}
					li.head li a:hover, li.head li a.open {background-color: #bec1c8; color: #636468;}

					li.subHead span {display: block;background: url(../images/ic_subHead.gif) right center no-repeat transparent; padding-right: 10px; }
						li.subHead ul { margin: 0; padding: 0; position: absolute; left: 192px; top: -1px; border: 1px solid #aaadb4;}
							li.subHead li a, li.subHead li a:hover {padding-left: 20px; background-position: 8px 9px;}


/*	=Layout	 ===============================*/

.main {width: 950px;padding-left: 0;}

.line {float: left; display: block; width: 100%;}
	.c1,.c2,.c3 {float: left; left: 100%;}

	.threeColLayout .c1 {margin-left: -950px;width: 185px;}
	.threeColLayout .c2 {margin-left: -752px;width: 563px;}
	.threeColLayout .c3 {margin-left: -165px;width: 165px;}
	.threeColLayout .c3 div {margin-bottom: 10px;}



/*	=Side Navigation	===============================*/

.sideNav {left: 11px;width: 172px;/* 174px - 2px padding to show borders */ min-height: 488px; padding: 1px; background: url(../images/bg_sideNav.jpg) 0 0 no-repeat transparent;}
	.sideNav h3 {padding: 9px 5px 9px 11px; border-bottom: 1px solid #e5e5e5; color: #989898;}
	.sideNav ul {margin-bottom: 0; padding-left: 0; border-top: 1px solid #fff;}
		.sideNav li {margin: 0; padding: 0; background: none transparent;}
			.sideNav a {display: block; padding: 7px 0 8px 28px; background: url(../images/ic_sideNavLink.gif) 10px 8px no-repeat transparent;border-bottom: 1px solid #e6e6e6; color: #929292;}
			.sideNav a:hover {color: #929292;}

			.sideNav li ul {display: none;border-top: 0 none; background: none transparent;}
				.sideNav li ul li {background-color: #fff; margin-bottom: 0;}
				.sideNav li li a {padding: 3px 0 4px 40px; background: url(../images/ic_subMenu.gif) 28px 7px no-repeat transparent; border-color: #eee; font-size: 10px; line-height: 12px;}


/*	=Content	===============================*/

.content {padding-bottom: 36px; color: #757575;}
	.content h1 {margin-bottom: 20px;padding: 10px 10px 8px;background: url(../images/bg_title.jpg) top right no-repeat #1f166e; color: #fff;}
	.content h2 {margin: 10px 0; padding: 0 9px 8px; border-bottom: 1px solid #eeeeee; color: #ff9900; text-transform: uppercase;}
	.content h3 {margin: 12px 0 4px 0; color: #333;}
	.content h4 {margin: 5px 0 5px 0; color: #aaa;}
	.content a {color: #053ac8;}

	a.nextLink, a.nextLink:hover {white-space: nowrap;}
	.notes {font-size: 9px; line-height: 12px; color: #aaa;}
		ol.notes li {margin-bottom: 0;}

	.tabs {display: block; margin-bottom: 0;}
		.tabs li {float: left; padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #ddd; background: none transparent; color: #333;line-height: 11px;}
		.tabs li.last {padding-right: 0; margin-right: 0; border: 0 none;}

	.section {margin-bottom: 32px;}
		.sectionBody {padding: 0 9px;}

			.homeFeature h3 {padding-left: 18px;}
			.homeFeature ol.notes {padding-left: 0;}

			.homeFeature .unit {margin-bottom: 12px;}
			.homeFeature div.odd {float: left;}
			.homeFeature div.even {float: right;}
			.homeFeature .bestPrice, .homeFeature .marketShare {margin-bottom: 5px;}

				.tableWrapper {width: 259px; padding: 6px 8px 6px 8px; margin-bottom: 8px; border: 1px solid #dfdfdf;}
					.tableWrapper table {margin-bottom: 4px;}
					.tableWrapper h4 {margin: 0 0 5px 0;}
					.tableWrapper p.legend {margin-bottom: 0;}
					.tableWrapper .notes {margin-bottom: 0; /*text-transform: uppercase;*/}
						/*.tableWrapper .notes span {font-weight: bold;}*/
					.tableWrapper a.zoomLink {display: block; position: absolute; right: -1px; bottom: -23px; width: 29px; height: 23px; background: url(../images/ic_zoom.gif) 0 0 no-repeat transparent; text-indent: -1000em;}

					.marketShare .tableWrapper .notes {text-align: right; text-transform: none;}

			.latestNews dt {padding: 0 18px; font-size: 10px; line-height: 11px; font-weight: normal; color: #aaa;}
			.latestNews dd {margin-bottom: 8px; padding: 0 18px 8px; border-bottom: 1px solid #eeeeee;}
			  .latestNews dd.last {border-bottom: none;}
				.latestNews h3 {margin: 0;}
			.latestNews .archiveLinkWrapper {padding: 8px 18px 8px 28px; border-top: 1px solid #eee; border-bottom: 1px solid #eeeeee;}
			.latestNews .notes {padding: 9px;}
			.latestNews dd p { margin: 8px 0 0 0; }
			.latestNews dd div.attachment { margin: 2px 0 0; }

			.publications div.publication {margin-bottom: 8px; padding: 0 18px 8px; border-top: 1px solid #ffffff; border-bottom: 1px solid #eeeeee;}
			.publications div.last {border-bottom: none;}
				.publications h3 {margin: 0;}
			  .publications div.publiDate { margin: 8px 0 0 0; font-size: 10px; line-height: 11px; font-weight: normal; color: #aaa; }
			.publications .notes {padding: 9px;}

		.jobs
		  .job h3 { margin: 0 0 5px 0; }
		  .job .jobtitle { color: #053ac8; cursor: pointer; margin: 0 0 5px 0; }
		  .job .jobcontent { display: none; padding: 0 8px; margin-bottom: 5px; border-left: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

/*	=Side Content	===============================*/

img.banner {margin-bottom: 6px;}



/*	=Footer	===============================*/

.wrapFooter {clear: both;}
	.footer {width: 766px; /* 776px - padding - 2px to show border */ padding: 0px 0 8px 10px; background: url(../images/bg_footer.gif) left bottom repeat-x #f5f5f5;}
		.footer p { height: 50px; background: url(../images/oldlogo.gif) no-repeat left center; margin-bottom: 0; padding-left: 197px; font-size: 10px; line-height: 50px;color: #999;}



/*	=Utilities	===============================*/

.clearer { height: 0;clear: both;overflow: hidden; }
tr.left td, tr.left th, table.left td, table.left th { text-align: left; }
tr.right td, tr.right th, table.right td, table.right th { text-align: right; }
tr.center td, tr.center th, table.center td, table.center th { text-align: center; }
table.center { margin-left: auto; margin-right: auto; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.bold, .b { font-weight: bold; }
.italic, .i { font-style: italic; }
.fleft { float: left; }
.fright { float: right; }
.small { font-size: 80%; }
.bigger { font-size: 120%; }
.noWrap, .nowrap { white-space: nowrap; }



/*	=Custom styles	===============================*/

a.xls, a.pdf { display: block; float: left; width: 36px; height: 30px; padding-left: 35px; background-repeat: no-repeat; vertical-align: middle; line-height: 30px;}
a.xls { background-image: url(../images/ico_xls.gif); }
a.pdf { background-image: url(../images/ico_pdf.gif); }

div.ove_list_dnld { height: 30px; margin: 10px 0; }
	div.ove_list_dnld div.text { float: left; line-height: 30px; vertical-align: middle; padding-right: 10px; }

ul.col1, ul.col2 { width: 45%; float: left; }

.news { padding-left: 0; }
	.news li { margin-bottom: 15px; }
	.news h3 { margin: 0 0 2px 0; }

.block { margin-bottom: 15px; }
	.block h3 { margin: 0 0 2px 0; }

.noBullet { padding-left: 0; list-style-type: none; list-style-image: none; }
	.noBullet li { padding-left: 0; margin-bottom: 15px; list-style-type: none; list-style-image: none; background: none; }

table.lined { border-top: 5px solid #ff9900; border-bottom: 5px solid #1f166e; }
table.linedHeader, table.blueBar { border-bottom: 5px solid #1f166e; }
table.lined td, table.linedHeader td { border-bottom: 1px solid #e5eaf0; }


.footnote { font-size: 80%; border-top: 1px solid #e5eaf0; padding-top: 4px; }

.graphCaption { margin: 0 12px 0 65px; padding: 5px 5px 0; }
.graphNav { margin: 8px 12px 0 65px; border-top: 1px solid #929292; padding: 8px 5px; text-align: center; }

.relations { border-collapse: separate; margin: 0; padding: 0; width: 548px; }
.relations td { text-align: center; vertical-align: middle; padding: 5px; font-size: 11px; }
.relations td div { width: 252px; height: 167px; text-align: center; vertical-align: middle; padding: 25px 5px 0; border: 1px dotted #cacacc; }

.relations .logo { width: 274px; vertical-align: middle; }
.relations .logo img { }

.logos .logo {
	width: 45%;
	height: 75px;
	line-height: 75px;
	float: left;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
}

.logo img { vertical-align: middle; padding-bottom: 5px; }

.marginBottomSmall { margin-bottom: 10px; }
.marginBottomMedium { margin-bottom: 15px; }
.marginBottomBig { margin-bottom: 20px; }

.marginTopSmall { margin-top: 10px; }
.marginTopMedium { margin-top: 15px; }
.marginTopBig { margin-top: 20px; }

div.flash {

}

/*	=Print styles	===============================*/

@media print {

body {background: none #fff;}
.wrapper {background: none #fff;}

	form button.bt_submit {background: none #ddd;}
		form button.bt_submit span {background: none transparent; color: #333;}

	.topNav {display: none;}

	.feature {background: none transparent;}
		.feature .subWrap {background: none transparent;}
			.lg_box {left: 15px;top: 17px; width: 563px; height: 118px; text-indent: 0;}

	.mainNav {display: none;}

	.main {width: auto;}
		.content {padding: 0 20px;}
			.line {float: none;}
				.c1, .c3 {display: none;}
				.threeColLayout .c2 {float: none;left: 0;margin-left: 0;width: auto;}

					.homeFeature {width: 563px;}

	.footer {width: auto; text-align: center;}
		.footer p {padding: 0;}

}