/***********************************/
/* Image button                    */
/***********************************/
a.button-image {
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	height:261px;
}
a.button-image img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:auto;
}
a.button-image:hover img {
	top:-100%;
}

/***********************************/
/* Columns & Tabs                  */
/***********************************/

.content div.cell { float:left; }
.content div.columns-2 div.cell { width:50%; }
.content div.columns-3 div.cell { width:33.33333333333%; }
.content div.columns-4 div.cell { width:25%; }
.content div.columns-5 div.cell { width:20%; }
.content div.columns-6 div.cell { width:16.66666666666%; }

.content div.tab-content,
.content div.columns div.cell.full { width:100%!important; }

/***********************************/
/* Tabs                            */
/***********************************/

.content div.tabs {
	border:0;
	width:1027px;
	margin:0 0 0 -6px;
}

.content div.tabs div.tab-content {
	float:left;
}

.content div.tabs div.cell {
	text-align:left;
	vertical-align:top;
	cursor:pointer;
	padding:6px;
}

.content div.tabs div.cell.href a {
	width:100%;
	height:120px;
	position:absolute;
	left:0;
	top:0;
}

.content div.tabs div.cell div.inner {
	height:150px;
	background:url('../images/bg-tabs.png') 0 100% no-repeat;
	position:relative;
}

.content div.tabs div.cell div.icon,
.content div.tabs div.cell div.title {
	height:120px;
}
.content div.tabs div.cell div.icon {
	width:120px;
	float:left;
	background:#8ec4df;
	text-align:center;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.content div.tabs div.cell div.title {
	padding-left:140px;
	background:#e2f0f7;
}

.content div.tabs div.cell.active div.icon,
.content div.tabs div.cell:hover div.icon {
	background-color:#013371;
}
.content div.tabs div.cell.active div.title,
.content div.tabs div.cell:hover div.title {
	background-color:#3b99c7;
}
.content div.tabs div.cell.active div.title h3,
.content div.tabs div.cell:hover div.title h3 {
	color:#fff;
}
.content div.tabs div.cell:hover div.inner {
	background-position:100% 100%;
}
.content div.tabs div.cell.active div.inner,
.content div.tabs div.cell.active:hover div.inner {
	background-position:-1030px 100%;
}

.content div.tabs div.cell h3 {
	height:120px;
	font-weight:bold;
	text-transform:none;
	color:#231f20;
	font-size:19px;
	margin:0;
	padding:0;
	border:0;
	display:table-cell;
	vertical-align:middle;
}

.content div.tabs div.tab-content,
.content div.tabs div.tab-content .container { display:none; }

.content div.tabs div.tab-content {
	padding:0 6px;
}
.content div.tabs div.tab-content .container,
.content div.tabs div.tab-content .container:hover {
	background:#f7f8f8;
	vertical-align:top;
	cursor:inherit;
	text-align:left;
}
.content div.tabs div.tab-content .container {
	padding:40px 40px 22px;
}
.content div.tabs div.tab-content h4,
.content div.tabs div.tab-content h5 {
	font-weight:500;
	margin:0 0 10px;
}
#content .content div.tabs div.tab-content p {
	margin-bottom:18px;
}
.content div.tabs div.tab-content h4 { font-size:25px;}
.content div.tabs div.tab-content h5 { font-size:25px; }

.content div.tabs div.tab-content ul ul { margin-top:0px; margin-bottom:0; }
.content div.tabs div.tab-content ul li { list-style:disc; margin-left:20px; padding-left:0; }
.content div.tabs div.tab-content ul ul li:before{ content:"-"; position:relative; left:-20px;}
.content div.tabs div.tab-content ul ul li { padding-left:40px; text-indent:-20px; margin-bottom:0px; }
.content div.tabs div.tab-content ul ul li { list-style:none; }

/***********************************/
/* Columns                         */
/***********************************/

.content div.columns {
	border:0;
	border-collapse: separate;
	width:1027px;
	margin:0 0 0 -6px;
}
.content div.columns.gapless {
	border-spacing:0;
	width:1015px;
	margin:0;
}
.content div.columns div.cell {
	padding:6px;
}
.content div.columns div.cell div.inner {
	vertical-align:top;
	border:0;
	background:#f7f8f8;
	padding:28px;
	text-align:left;
	height:100%;
}
.content div.columns.nopad div.cell div.inner {
	padding:0;
}
.content div.columns.gapless div.cell {
	padding:0;
}
.content div.columns div.cell h4 {
	font-weight:bold;
	color:#3d98c6;
	font-size:19px;
	margin-bottom:20px;
}
.content div.columns div.cell ul li { list-style:disc; margin-left:20px; padding-left:0; }

/***********************************/
/* Products                        */
/***********************************/

.content div.products {
	border:0;
	border-spacing: 12px;
	border-collapse: separate;
	width:1027px;
	margin:0 0 0 -6px;
}

.content div.products div.cell {
	border:0;
	text-align:left;
	vertical-align:top;
	padding:6px;
}

.content div.products div.cell div.inner {
	position:relative;
}

.content div.products div.cell div.image,
.content div.products div.cell div.desc {
	height:160px;
}
.content div.products div.cell div.image {
	background:#f7f8f8;
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.content div.products div.cell div.desc {
	width:100%;
	padding:20px 0 20px 20px;
	background:#e7e7e8;
	background-position:0 100%;
	background-repeat:no-repeat;
}
.content div.products div.cell.soon div.desc { background-image:url('../images/badge-coming-soon.png'); }
.content div.products div.cell.request div.desc { background-image:url('../images/badge-upon-request.png'); }
.lang-fr .content div.products div.cell.soon div.desc { background-image:url('../images/badge-coming-soon-fr.png'); }
.lang-fr .content div.products div.cell.request div.desc { background-image:url('../images/badge-upon-request-fr.png'); }
.content div.products div.cell h3 {
	width:100%;
	font-weight:bold;
	text-transform:none;
	color:#231f20;
	font-size:21px;
	margin:0 0 10px;
	padding:0;
	border:0;
}
.content div.products div.cell h3 small {
	display:block;
	font-size:16px;
	font-weight:normal;
}
.content div.products div.cell p {
	font-size:15px;
	font-weight:500;
}

.content div.products div.cell a {
	text-decoration:none;
	border:0;
	outline:none;
}
.content div.products div.cell a.pdf {
	width:31px;
	height:31px;
	background:url('../images/icon-pdf.png') 0 0 no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	right:20px;
	bottom:20px;
}

.content div.products div.cell a.href {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
