﻿/****************************************! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css ********************************/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}body,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin-left:0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/************************************************ DO NOT EDIT ABOVE CSS. *******************************************************************************/

/*** Overrides default selection colors ***/
::-moz-selection { background: #00aeef; color: #fff; text-shadow: none; }
::selection { background: #00aeef; color: #fff; text-shadow: none; }


/* *************** START Global styling ***************
*******************************************************/

html,
body
{
	margin: 0px;
	padding: 0px;
	color: #444444;
	font: 13px/170% "Segoe UI", Tahoma, Arial, Helvetica, sans-serif !important;
	line-height: 170% !important;
	background: #666666;
}

html
{
	overflow-y: scroll
}

table tr,
table td
{
	vertical-align: top;
	text-align: left;
	padding: 0;
}
img,
a
{
	border-style: none;
	outline: none;
}
ul, li
{
	margin: 0;
	padding: 0;
}
ul
{
	margin: 5px 0 0 15px;
	padding: 0;
	list-style-position: outside;
	list-style-type: square;
}
li
{
	line-height: 180%;
	list-style-image: url('/images/Bullet.png');
}
span
{
	line-height: 170%
}
p
{
	line-height: 170%
}
a,
a:link,
a:visited
{
	color: #00AEEF;
	text-decoration: none;
}
a:hover
{
	color: #666666
}
.clearfix:after 
{
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
}
.heightfix:before 
{
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.Unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

h1
{
	font-size: 20px;
	line-height: 170%;
	color: #00AEEF;
	font-weight: normal !important;
	margin: 5px 0 0 0;
}
h2
{
	font-size: 17px;
	line-height: 150%;
	color: #00AEEF;
	font-weight: normal !important;
	margin: 5px 0 0 0;
}
h3
{
	font-size: 14px;
	line-height: 150%;
	color: #444444;
	font-weight: normal !important;
	margin: 5px 0 0 0;
}
h4
{
	font-size: 12px;
	line-height: 150%;
	color: #444444;
	font-weight: normal !important;
	margin: 5px 0 0 0;
}
.H2Mock
{
	font-size: 16px;
	line-height: 150%;
	color: #00AEEF;
	font-weight: normal !important;
	margin: 5px 0 0 0;
}
.DisabledLink,
.DisabledLink:active,
.DisabledLink:hover
{
	cursor: default !important;
	color: #666666 !important;
}
/* Skype container display fix */
.skype_pnh_container 
{ 
	display: none !important;
}
.skype_pnh_print_container 
{
	display: inline !important;
}
/**************** END Global styling ******************
*******************************************************/

/* ********* START Fenetre Two Column layout **********
*******************************************************/
#headerDiv
{
	width: 100%;
	height: 110px;
	background: #00AEEF;
	position: relative;
	z-index: 1000;
}

#headerDiv #navigationDiv
{
	float: right;
	position: relative;
	margin: 75px 0 10px 0;
	z-index: 100000;
}
#headerDiv #logoDiv
{
	padding: 21px 0 10px 0;
	width: 200px;
	float: left;
}
#logoDiv img
{
	 border: 0px none
}
#contentDiv
{
	height: 100%;
	min-height: 615px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background: #FFFFFF;
	width: 100%;
	display: inline-block;
}
#contentMainDiv
{
	position: relative;
	float: left;
	width: 707px;
	margin: 0 20px 0 0;
	display: inline;
	font: 13px !important;
}
#contentMainDiv p
{
	font-size: 13px !important;
}
.ReferenceDetailDiv ul,
.GenericContentShowDiv ul,
.NewsDetailShow ul,
.vsyNewsletter ul,
.HighlightsExpand ul
{
	position: relative;
	margin: 5px 0 0 0px;
	padding: 0;
	list-style: none !important;
	display: inline;
	z-index: 0;
}
.ReferenceDetailDiv li,
.GenericContentShowDiv li,
.NewsDetailShow li,
.vsyNewsletter li,
.HighlightsExpand li
{
	line-height: 170%;
	list-style-image: none! important;
	display: block;
	background: transparent url('/images/Bullet.png') no-repeat;
	background-position: left 10px;
	padding: 0px 0px 3px 10px;
	margin: 2px 0px 0px 0px;
}
.HighlightsExpand li
{
	line-height: 130% !important;
	background-position: left 8px;
}
.ReferenceDetailDiv > img,
.GenericContentShowDiv > img,
.NewsDetailShow > img
{
	padding: 5px;
}
.ReferenceDetailDiv .ClickableImageOverlayDiv,
.GenericContentShowDiv .ClickableImageOverlayDiv,
.NewsDetailShow .ClickableImageOverlayDiv
{
	margin: 5px;
	z-index: 10;
}
.ReferenceDetailDiv,
.GenericContentShowDiv,
.NewsDetailShow
{
	width: 525px;	
}
/***************** START ContentRight *****************
*******************************************************/
#contentRightDiv
{
	position: relative;
	float: left;
	width: 249px;
	display: inline;
	font-size: 13px !important;
}
#contentRightDiv h2
{
	font-size: 16px;
	line-height: 150%;
	color: #00AEEF;
}
#contentRightDiv h3
{
	font-size: 14px;
	line-height: 150%;
	color: #00AEEF;
}
#contentRightDiv h4
{
	font-size: 12px;
	line-height: 150%;
	color: #00AEEF;
}
.RightContentBlock
{
	width: 224px;
	border: 1px solid #CCCCCC;
	padding: 7px 10px;
	overflow: auto;
	position: relative;
	margin: 0 0 20px 0;
	display: block !important;
}
a.BigLink,
a.BigLink:active,
a.BigLink:visited
{
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0 0 0;
	display:inline-block;
}
li.ActiveHover
{
	background: #000000
}
.RightContentBlock a,
.RightContentBlock a:active,
.RightContentBlock a:visited
{
	color: #444444;
}
.RightContentBlock a:hover
{
	color: #00AEEF
}
.RightContentBlock h2,
.RightContentBlock h2
{
	margin: 0 0 0 0 !important;
	font-size: 18px !important;
}
/***************** END Content Right ******************
*******************************************************/
#footerDiv
{
	width: 100%;
	height: 100%;
	min-height: 185px;
	background: #666666;
	color: #FFFFFF;
	clear: both;
}
#footerDiv .ContactDiv
{
	margin: 25px 0 0 0;
	width: 125px;
	float: left;
} 
.ContactDiv a,
.ContactDiv a:hover,
.ContactDiv a:link,
.ContactDiv a:visited
{
	color: #FFFFFF;
}
.ContactDiv a:hover
{
	text-decoration: underline;	
}
#footerDiv .ShowcaseDiv
{
	width: 460px;
	margin: 25px 0 0 105px;
	float: left;
}
.ShowcaseDiv img
{
	margin: 5px 40px 0 0;
	vertical-align: top;
}
#footerDiv .CopyrightDiv
{
	margin: 5px 0 0 0;
	float: left;
	text-align: left;
}
#footerDiv .PoweredByDiv
{
	margin: 25px 0 0 0;
	float: right;
	width: 250px;
	text-align: left;
}
.PoweredByDiv h2
{
	margin: 25px 0 0 0;
	font-size: 22px !important;
}
.Inner
{
	width: 976px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
/* ********* END Fenetre Two Column layout ************
*******************************************************/

/* *********** START Fenetre Splash layout*************
*******************************************************/
#splashHeaderDiv
{
	width: 100%;
	height: 110px;
	background: #00AEEF;
	position: relative;
	z-index: 1000;
}
#splashHeaderDiv #navigationDiv
{
	float: right;
	position: relative;
	margin: 75px 0 10px 0;
} 
#splashHeaderDiv #logoDiv
{
	padding: 21px 0 10px 0;
	width: 200px;
	float: left;
}
#logoDiv img
{
	border: 0px none
}
#splashContentDiv
{
	height: 100%;
	min-height: 615px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	background: #FFFFFF;
	width: 100%;
	display: inline-block;
}
#splashContentLeftDiv
{
	width: 707px;
	float: left;
	margin: 0 20px 0 0;
	overflow: visible;
}
#splashContentMainDiv
{
	position: relative;
	float: left;
	width: 707px;
	display: inline;
}
#splashHighlightsDiv
{
	position: relative;
	float: left;
	width: 707px;
	margin: 0 20px 20px 0;
	display: block;
	height: 285px;
}
/**************** START Splash Content Right ******************
*******************************************************/
#splashContentRightDiv
{
	position: relative;
	float: left;
	width: 249px;
	display: inline;
}
#splashContentRightDiv h2
{
	font-size: 16px;
	line-height: 150%;
	color: #00AEEF;
}
#splashContentRightDiv h3
{
	font-size: 14px;
	line-height: 150%;
	color: #00AEEF;
}
#splashContentRightDiv h4
{
	font-size: 12px;
	line-height: 150%;
	color: #00AEEF;
} 
/*************** END Splash Content Right ********************
*******************************************************/
.Inner
{
	width: 976px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
/************* END Fenetre Splash layout **************
*******************************************************/

/**************** START FrontEndMenu ******************
*******************************************************/
#frontendMenuDiv
{
	position: relative;
	z-index: 100;
	width: 700px;
}
.FrontendMenuTitleDiv a.RootLink,
.FrontendMenuTitleDiv a.RootLink:active,
.FrontendMenuTitleDiv a.RootLink:hover,
.FrontendMenuTitleDiv a.RootLink:visited,
.FrontendMenuTitleDiv a.RootLink.Disabled
{
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
.FrontendMenuTitleDiv
{
	float: right;
	line-height: 160% !important;
}
.FrontendMenuTitleSeparator
{
	position: relative;
	float: right;
	width: 20px;
}
.FrontendMenuMegaDiv
{
	position: absolute;
	right: 0px;
	top: 35px;
	background-color: #666666;
	padding: 0;
	z-index: 1000000000;
	display: none;
}
.FrontendMenuMegaInnerDiv
{
	color: #FFFFFF;
	font: 11px/160% "Segoe UI", Tahoma, Arial, Helvetica, sans-serif !important;
	position: relative;
	border: 1px solid #B7B7B7;
}
.MegaContainerDiv
{
	margin: 0px
}
.MegaContainerDiv .DescriptionWrapper
{
	position: relative;
	height: 75px;
	width: 100%;
	margin-top: 10px;
	background: #f8f8f8;
}
.MegaContainerDiv .DescriptionWrapper .Content
{
	color: #000000;
	padding: 10px;
}
.MegaContainerDiv .Wrapper
{
	position: relative;
	display: inline-block;
	padding: 0px 10px 10px 10px;
}
.MegaContainerDiv .Wrapper .Column
{
	width: 210px;
	float: left;
	position: relative;
	display: inline-block;
}
.MegaContainerDiv .Wrapper .ColumnSeparator
{
	width: 17px;
	height: 100%;
	float: left;
	display: inline-block;
	position: relative;
	margin: 10px 0 0 0;
	background-position: top center;
	background-repeat: repeat-y;
}
.SubItemDiv
{
	margin-top: 10px
}
.SubHeader a,
.SubHeader a:visited,
.SubHeader a:active
{
	text-transform: uppercase;
	display: block;
	line-height: 12px;
	cursor: default;
} 
.SubItemDiv .SubHeader a:hover
{
color: #00AEEF;
}
.SubItemDiv .SubHeader span
{
	color: #B7B7B7;
	line-height: 11px;
}
.SubItemDiv .SubItems
{
	margin-top: 5px;
	margin-left: 0px;
}
.SubItemDiv .SubItems ul
{
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
}
.SubItemDiv .SubItems li
{
	margin: 0px;
	padding: 0px;
	list-style-image: none !important;
	clear: both;
	line-height: 20px;
	padding: 0 0 2px 0;
}
.SubItemDiv .SubItems li:hover
{
	background-color: #000000;
	color: #FFFFFF;
}
.SubItemDiv .SubItems li a
{
	color: #EEEEEE;
	font-size: 11px;
	display: block;
	line-height: 22px;
}
.SubItemDiv .SubItems li a .BlueButton
{
	background: url('/images/Bullet.png') no-repeat top center !important;
	width: 5px;
	height: 5px;
	display: block;
	float: left;
	margin: 10px 5px 0 5px;
}
.SubItemDiv .SubItems li span
{
	color: #B7B7B7;
	line-height: 11px;
	display: none;
}
/***************** END FrontEndMenu *******************
*******************************************************/

/*************** START Link List Menu *****************
*******************************************************/

.RadLinkListMenu .rmRootGroup
{
	background: none !important;
	border: none !important;
	float: right !important;
}
 .RadLinkListMenu .rmRootGroup .rmItem
 {
	 border: none
 }
 .RadLinkListMenu .rmRootGroup .rmItem .rmText
 {
	 padding: 0px !important
 }
.RadLinkListMenu .rmItem a,
.RadLinkListMenu .rmItem a:link,
.RadLinkListMenu .rmItem a:visited,
.RadLinkListMenu .rmItem a.rmLink
{
	color: #666666;
	font-size: 12px;
	border: none !important;
	padding: 0px !important;
	cursor: pointer;
}
.RadLinkListMenu .rmItem a:hover
{
	color: #666666;
	font-size: 12px;
	border: none !important;
	padding: 0px !important;
}
.RadLinkListMenu .rmExpanded
{
	border: none !important
}
.RadLinkListMenu .rmSlide .rmVertical
{
	background: none;
	border: none;
}
/*************** END Link List Menu *******************
*******************************************************/

/*********** START Generic Content Show ***************
*******************************************************/
.GenericContentShowDiv
{
	margin: 0 0 20px 0;
	width: 525px;
}
/************* END Generic Content Show ***************
*******************************************************/

/************** START Highlights Show *****************
*******************************************************/
.SplashHighlightsDiv
{
	width: 707px;
	height: 285px;
	border: 1px solid #DDDDDD;
	position: relative;
	float: left;
}
.SplashHighlightImageDiv
{
	height: 250px;
	width: 471px;
	border-left: 1px solid #DDDDDD;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url('/images/CabFab.png');
	float: right;
}
.SplashHighlightLeftDiv
{
	height: 250px;
	width: 235px;
	background-image: url('/images/HighlightLine.png');
	background-repeat: repeat-x;
	background-position: top left;
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
}
.SplashHighlightsInnerDiv
{
	width: 707px;
	height: 250px;
	position: relative;
	top: 0px;
	left: 0px;
}
.SplashHighlightItem
{
	width: 222px;
	height: 74px;
	padding: 10px 5px 0px 10px;
	line-height: 170%;
	cursor: pointer;	
}
.SplashHighlightItemActive
{
	width: 241px;
	height: 74px;
	padding: 10px 0px 0px 10px;
	background-image: url('/images/HighlightSelected.png');
	background-repeat: no-repeat;
	background-position: center right;
}
.SplashHighlightItemActive > div
{
	padding: 0 20px 0px 0px;	
}
.SplashHighlightItemBig
{
	height: 250px;
	width: 200px;
	padding: 20px;
}
.SplashHighlightItem h2
{
	line-height: 18px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin: 0px !important;
}
.SplashHighlightItem:hover
{
	/*cursor: pointer;
	cursor: hand;*/
}
.HighlightsExpand
{
	height: 226px;
	width: 0px;
	background: #FFFFFF;
	position: absolute;
	top: 5px;
	left: 250px;
	overflow: hidden;
	padding: 0px;
	line-height: 140% !important;
}
.ExpandBorder
{
	height: 226px;
	border: solid 1px #DDDDDD;
	padding: 5px;
}
/***************** END Highlights Show ****************
*******************************************************/

/***************** START Reference Show ****************
*******************************************************/
.ReferencesRotatorDiv
{
	margin: 30px 0 20px 0
}
 .ReferencesRotatorDiv h2
 {
	 line-height: 14px;
	 margin: 0px !important;
 }
 .ReferencesRotatorDiv table
 {
	 width: 705px
 }
.ReferencesItem
{
	width: 215px;
	float: left;
	overflow: hidden;
	margin: 0 31px 15px 0;
}
ReferencesItem.Last
{
	margin: 0 0px 15px 0 !important;
}	

.ReferenceTitleSpan
{
	font-weight: normal; 
	color: #616265;
}
.Last
{
	margin: 0 0 0 0px !important
}
.ReferencesItemImg
{
	border: solid 1px #CCCCCC;
	width: 213px;
	height: 160px;
	overflow: hidden;
}
 .ReferencesItemImg img
 {
	 opacity: 0.8;
	 filter: alpha(opacity=80);
 }
.ReferencesContentDiv
{
	margin-top: 0px
}
 .ReferencesContentDiv span
 {
	 display: block
 }
 .ReferencesContentDiv a,
 .ReferencesContentDiv a:active,
 .ReferencesContentDiv a:visited
 {
	 color: #616265;
	 font-weight: bold;
 }
 .ReferencesContentDiv a:hover
 {
	 color: #00AEEF;
 }
/*************** END Reference Show *******************
*******************************************************/
.SplashText
{
	font-size: 16px;
	line-height: 170%;
	padding: 20px 10px 10px 0px;
	color: #666666;
}

.ReferenceOverviewDiv
{

}

.ReferenceFilterDiv
{
	width: 685px;
	background: #F9F9F9;
	border: 1px solid #E5E5E5;
	margin: -6px 0 20px 0;
	padding: 5px 0px 5px 15px;
}

 .ReferenceFilterDiv li
 {
	 list-style-image: none !important;
	 background: #F9F9F9;
 } 
 
 .ReferenceFilterItemLink
 {
 	line-height: 170%;
	padding: 0px 0px 0px 13px;
	margin: 2px 0px 3px 0px;
	background: transparent url('/images/Bullet.png') no-repeat top left;
	background-position: 0px 9px !important;
	display: inline-block;
	width: 210px;
	vertical-align: top;
 }
 
.ReferenceFilterItemLink.Active
{
	font-weight: bold;	
}

.ReferenceItem
{
	position: relative;
	width: 165px;
	height: 140px;
	float: left;
	margin: 0 11px 15px 0;
	border: 1px solid #EEEEEE;
	overflow: hidden;
}
.ReferenceItem.Last
{
	margin: 0 0px 15px 0 !important;
}
.ReferenceItemBackgroundDiv
{
	width: 168px;
	height: 55px;
	position: absolute;
	left: 0px;
	bottom: -23px;
	background-color: #262626;
	opacity: 0.8;
	filter: alpha(opacity=80);
	line-height: 0px;
	font-size: 0px;
	border-top: 1px solid white;
}
.ReferenceItemTextDiv
{
	width: 155px;
	position: absolute;
	left: 8px;
	bottom: -22px;
	vertical-align: middle;
	color: #FFFFFF;
	overflow: hidden;
}
.ReferenceItemTextDiv a,
.ReferenceItemTextDiv a:visited,
.ReferenceItemTextDiv a:active
{
	color: #FFFFFF;
	display: block;
	line-height: 160%;
	font-size: 12px;
}
.ReferenceItem .imgReference
{
	border: 0px none
}
.ReferenceItemTextDiv.Height41bottom19
{
	height: 41px;
	bottom: -19px;	
}
.ReferenceItemBackgroundDiv.Height49Bottom22
{
	height: 49px;
	bottom: -22px;	
}
.ReferenceItemTextDiv.Height57bottom35
{
	height: 57px;
	bottom: -35px;	
}
.ReferenceItemBackgroundDiv.Height64Bottom37
{
	height: 64px;
	bottom: -37px;	
}
.tabNavigation
{
	clear: both;
	display: inline-block;
	padding: 0;
	margin: 0px 0px 0px 0px;
	background: #F9F9F9;
	border: 1px solid #E5E5E5;
	border-bottom: 0px;
	z-index: 10000;	
	line-height: 150% !important;
	height: 29px;
	width: 360px;
}
.tabNavigation li
{
	 padding: 5px 5px 5px 15px !important;
	 float: left !important;
	 width: 100px !important;
	 list-style: none !important;
	 background: #F9F9F9 !important;
}
.tabNavigation li:hover
{
	 background: none !important;
} 
.tabNavigation li.InactiveTab
{
	background: #F9F9F9 url('/images/InactiveTab.png') no-repeat top left !important;
	cursor: pointer !important;
	cursor: hand !important;
}
.tabNavigation li a,
.tabNavigation li a:active,
.tabNavigation li a:visited,
.tabNavigation li a:hover
{
	 color: #666666 !important;
	 font-size: 13px !important;
	 cursor: default !important;
	 line-height: 150% !important;
}
li.InactiveTab a,
li.InactiveTab a:active,
li.InactiveTab a:visited,
li.InactiveTab a:hover
{
	cursor: pointer !important;
}
#serviceTab,
#branchTab,
#productsTab
{
	width: 100%;
	display: block;
}


.TabDescriptionDiv
{
	margin: 5px 0px 5px 0px;	
}
.TabDescriptionDiv > p
{
	margin: 0px 0px 5px 0px;	
}


.ReferenceOverviewPagerDiv 
{
	clear: left;
	display:block;
	height: 22px;
	padding-bottom: 10px;
}

.ReferenceOverviewPagerLeft 
{
	width: 22px;
	height: 22px;
	display: block;
	background: transparent url("../images/pagerleft.png") no-repeat top left;
	float: left;
}

.ReferenceOverviewPagerText 
{
	position: absolute;
	left: 45%;
	text-align: center;
}

.ReferenceOverviewPagerRight
{
	width: 22px;
	height: 22px;
	display: block;
	background: transparent url("../images/pagerRight.png") no-repeat top left;
	float: right;
	margin: 0px 5px;
}

/************* START Contactperson Show ***************
*******************************************************/
.ContactInfoTable
{
	width: 100%;
	height: 140px;
	margin: 5px 0 0 0;
}
.ContactInfoTable .ContactInfo
{
	vertical-align: top;
	line-height: 220%;
}
.ContactInfo img
{
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 5px 0;
	margin: 0 5px 0 0;
}
.ContactInfoTable .ContactImage
{
	width: 80px;
	vertical-align: top;
}
.ContactInfoTable .ContactImage
{
	padding: 7px 0 0 0
}
.IconContainer
{
	width: 80px;
	display: inline-block;
	margin: 5px 0 0 0;
}
.IconContainer img
{
	margin: 0px 3px 0px 0px
}
/************* END Contactperson Show *****************
*******************************************************/

/************* START Splash news Div ******************
*******************************************************/
.NewsHoverDiv
{
	padding: 8px;
	width: 300px;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	position: absolute;
	right:215px;
	display: none;
	z-index: 1000;
	*margin: 15px 0 0 0;
}
.SplashNewsList
{
	z-index: 100
}
.SplashNewsItems
{
	position: relative;
	z-index: 100;
}
 .SplashNewsItems h2
 {
	 padding: 2px 0 11px
 }
.SplashNewsList li
{
	list-style-image: url('/images/Bullet.png');
	*list-style-image: none !important;
}
.SplashNewsTextDiv
{
	height: 35px;
	width: 225px;
	display: block;
	vertical-align: middle;
}
.Calendar
{
	height: 25px;
	position: relative;
	width: 13px;
	display: inline-block;
	float: left;
	margin: 5px 15px 0 0;
	padding: 0 0 0 0;
}
.Month
{
	line-height: 1.05;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}
.Date
{
	display: block;
	padding: 2px 0 0 0;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 11px;
	height: 13px;
	*padding: 0 0 0 0;
}
.SplashNewsItemDiv
{
	z-index: 1;
	padding-bottom: 6px;
}
.NewsItemTextDiv a
{
	vertical-align: middle;
	line-height: 150% !important;
	height: 31px;
	display: block;
}
.NewsItemDiv
{
	border: 1px solid #FFFFFF;
	margin: 10px 0 0 0;
	padding: 0 5px 0 0;
}
.NewsItemHeaderDiv
{
	margin: 0 0 5px 0;	
}
.NewsListDiv
{
	width: 525px;
}
.NewsHoverDiv h3
{
	margin: 0
}
/**************** END Splash news Div *****************
*******************************************************/

.PrintHeaderDiv
{
	display: none;
}
.BlueText
{
	color: #00AEEF;
	margin: 0px !important;
	padding: 0px !important;
}
.BreadcrumbShowDiv
{
	width: 100%;
	height: 30px;
}
/****************** START Quote Show ******************
*******************************************************/

.QuoteDiv
{
	border: 0px solid transparent !important;
	background: transparent url('/images/quotebg.png') no-repeat top left !important;
	height: 173px;
	padding: 15px 13px 15px 13px;
	font-size: 11px;
	width: 222px;
	overflow: hidden;
}

.QuoteInnerDiv
{
	word-wrap: none;
}

.QuoteContainer
{
	display: none;
	width: 225px;
	height: 137px;
	float: left;
	position: relative;
}
.QuoteContainer.Active
{
	display:block;
}

.QuoteContent
{
	line-height: 150%;
	display: block;
	width: 200px;
	padding-left: 15px;
	padding-top: 5px;
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	font-family: 'Times new Roman';
	font-weight:400;
	font-style: italic;
}


.QuotePersonDiv
{
	position: absolute;
	top: 95px;
	right: 0px;
	color: #111111;
	line-height: 140% !important;
}
.QuotePager
{
	position: absolute;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.QuotePager.Left
{
	bottom: 15px;
	right: 36px;
}
.QuotePager.Right
{
	bottom: 15px;
	right: 10px;
}
.QuotePortraitTd
{
	padding-left: 7px;
	text-align: right;
	vertical-align: top;
}
.QuotePortraitTd > img
{
	width: 26px;
	margin: 4px 0 0 0 ;
}

.QuoteContentTd
{
	text-align: right;	
}

.QuoteStartSpan
{
	position: absolute;
	left: 10px;
	top: 10px;
}

.QuoteEndSpan
{
	position: absolute;
	height: 10px;
	width: 12px;
	right: -10px;
	bottom: 6px;
	display: inline-block;
}
.QuoteEndSpan img
{
	padding: 0 0 0 0;
}
.QuoteContent
{
	z-index: 0;
}
.QuoteContentContainer
{
	height: 250px;
	vertical-align: middle;	
}
/****************** END Quote Show ********************
*******************************************************/

/********* START Newsletter Subscribe Show ************
*******************************************************/
.TextBoxNewsletter
{
	color: #666666;
	font-size: 11px;
	line-height: 170%;
	border: none;
	border: 0;
	margin: 0px;
	padding: 0 5px 0 5px;
	background: #EFEFEF;
	vertical-align: baseline;
}
.NewsletterSubscribeTable
{
	border: 1px solid #c6c3c6;
	display: inline-table;
}

.SocialCaptionTd 
{
	vertical-align: middle;
}

/********** END Newsletter Subscribe Show *************
*******************************************************/

/************* START Contactperson Popup Show ***************
************************************************************/

.ContactPopupBlock
{
	width: 300px;
	overflow: auto;
	position: relative;
	display: inline-block;
}
.ContactPopupBlock a,
.ContactPopupBlock a:active,
.ContactPopupBlock a:visited
{
	color: #444444;
}
.ContactPopupBlock a:hover
{
	color: #00AEEF
}
.ContactPopupBlock h2,
.ContactPopupBlock h2
{
	margin: 0 0 0 0 !important;
	font-size: 18px !important;
}
.ContactPopupInfoTable
{
	width: 100%;
	height: 140px;
	margin: 5px 0 0 0;
	font-size: 12px !important;
}
.ContactPopupInfoTable .ContactPopupInfo
{
	vertical-align: top;
	line-height: 220%;
}
.ContactPopupInfoTable .ContactPopupInfo img
{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px 0 0;
}
.ContactPopupInfoTable .ContactPopupImage
{
	width: 81px;
	vertical-align: top;
}
.ContactPopupInfoTable .ContactPopupImage
{
	padding: 7px 0 0 0
}
.ContactPopupIconContainer
{
	width: 81px;
	display: inline-block;
	margin: 5px 0 0 0;
}
.ContactPopupIconContainer img
{
	margin: 0px 3px 0px 0px
}
.NewsDetailContactPopupDiv
{
	display: none;
}
/************* END Contactperson Popup Show *****************
************************************************************/

.rsmItem
{
	list-style-image: none;	
}
.rsmLink
{
	border: #FFFFFF 0px solid !important;
}
/************* START Frontpage Content Edit  *****************
************************************************************/

.NotContentRelatedContentBlock
{
	width: 100%;
	height: 100%;
	border: 1px solid #000000;	
}
.ContentRelatedContentBlock
{
	width: 100%;
	height: 100%;
	border: 1px solid #000000;	
}
/************* END Frontpage Content Edit *****************
************************************************************/

.PagerContainerDiv
{
	width: 100%;
	position: relative;
	height: 30px;
	margin-top: 15px;
}
.Pager
{
	position: absolute;
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.Pager.Left
{
	bottom: 6px;
	left: 0px;
}
.Pager.Right
{
	bottom: 6px;
	right: 0px;
}
.PagerTextDiv
{
	text-align: center;
}
.aRelatedReferenceItem, .aRelatedServiceItem
{
	display: block;
	background: transparent url('/images/Bullet.png') no-repeat;
	background-position: left 9px;
	padding: 0px 0px 2px 10px;
	margin: 2px 0px 0px 0px;
}
.aRelatedServiceItem.active-link, .aRelatedReferenceItem.active-link
{
	color: #00AEEF !important;
	font-weight: bold;
}
.SocialBookmarksDiv
{
	padding: 25px 0px 0px 0px;
	position: relative;
	clear: both;
}
.SocialBookmarks .ccTitle
{
	font-weight: bold;
}
.SocialBookmarks li
{
	float: left;
	list-style: none;	
	margin: 0px;
	padding: 0px 2px 0px 0px;
}
.SocialBookmarks img
{
	cursor: pointer;	
}
#toTopDiv
{
	width: 100px;
	z-index: 10;
	background: #666;
	text-align: center;
	padding: 5px 5px 5px 20px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	display: none;
	color: white;
	text-transform: lowercase;
	background-image: url('/images/ToContentTop.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	font-size: 11px;
}
#NotOptimizedForIE6Popup
{
	width: 450px !important;
	height: 150px;	
	padding: 25px 50px;
}

.ClickableImageOverlayDiv
{
	position: relative;
	display: inline;
	display: inline-block;
}

.ClickableImageOverlayImage
{
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.ClickableImage
{
	cursor: pointer;
}
#imagePopupDiv
{
	padding: 15px 25px !important;
}
.ContactRouteShowDiv
{
	background: white;
	width: 575px;
	overflow: hidden;
}
.NavigationDiv
{
	width: 325px;
	border: 1px solid #CCCCCC;
	margin: 20px 0px 20px 0;
	padding: 0px 10px;
	
}
.DirectionsDiv
{
	width: 525px;
	clear: left; 
	margin: 10px 0 0 0;
}
.ccInput
{
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	margin: 0 3px 5px 5px;
}
.ccButton
{
	padding: 1px 15px;
	margin: 5px 4px 15px 0 !important;
	background: #00AEEF;
	color: #FFFFFF;
	font-weight: bold;
}

.SocialMediaDiv
{
	width: 200px;
	height: 30px;
	position: absolute;
	top: 17px;
	right: 0;
}
.RssLink,
.TwitterLink,
.FacebookLink,
.YouTubeLink
{
	margin: 0 0 0 5px;
	height: 24px;
	width: 24px;
	color: #444444;
	display: block;
	float: right;
	cursor: pointer;
}

/************* START Fenetre Online Show **************
*******************************************************/

.OnlineShowDiv
{
	background: transparent url('/images/twitterbird.png') no-repeat bottom right;		
	background-position: 93% 100%;
}
.OnlineShowDiv a:hover
{
	color: #00AEEF;
}
.TwitterFeedDiv
{
	overflow: hidden;
	margin: 15px 0 0 0;
}
.TwitterFeedDiv .TweetFirst
{
}
.TwitterFeedDiv img
{
	width: 16px;
}
.TwitterFeedDiv .TweetAvatar
{
	width: 16px;
	float: left;
	margin: 0px 7px 0 0;
	clear: left;
}
.TwitterFeedDiv .TweetInfo
{
	width: 180px;
	float: left;
}
.TweetTime
{
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
}
.TweetInfo .TweetUser
{
	display: none;
}
.TwitterFeedDiv .TweetText a:link,
.TwitterFeedDiv .TweetText a:visited
{
	color: #00AEEF !important;	
}
.TwitterFeedDiv .TweetText
{
	clear: left;
	margin: 5px;
	font-size: 12px;
	margin: 2px 0 10px 0;
}
/************* END Fenetre Online Show ****************
*******************************************************/

.EmailLink
{
	vertical-align: middle;
	line-height: 190%;
	vertical-align: middle;
	background: transparent url('/App_Sprites/email.png') no-repeat center left;
	padding: 0px 0px 0px 28px !important;
	height: 24px;
	display: block !important;
}
.CallbackLink
{
	vertical-align: middle;
	line-height: 190%;
	background: transparent url('/App_Sprites/callback.png') no-repeat center left;
	padding: 0px 0px 0px 28px !important;
	height: 24px;
	display: block !important;
}


/************** START Highlight Slider Show *****************
*******************************************************/

.HighlightsDiv
{
	position: relative;
	width: 707px;
	height: 285px;
	margin: 0 20px 20px 0;
	display: block;
	border: 1px solid #DDDDDD;
	overflow: hidden;
}

.HighlightsInnerDiv
{
	top: 0px;
	left: 0px;
	position: absolute;
	white-space: nowrap;
	height: 285px;
	margin: 0px;
	padding: 0px;
}

.HighlightItemDiv
{
	height: 285px;
	width: 697px;
	position: absolute;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	padding: 0 0 0 10px;
	white-space: normal;
	display: none;
}

.HighlightItemDiv.Active
{
	z-index: 10;
}

.HighlightsList {
	margin: 0;
	padding: 0;	
	list-style:none outside none;
    overflow:hidden;
}

.HighlightsList > li
{
	float: left;
}

.HighlightItemDiv > div
{
	display: inline-block;
}


.HighlightItemInformation
{
	height: 90px;
	width: 707px;
	position: absolute;
	bottom: 0;
	left:0;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.HighlightItemDiv.Active
{

}

.HighlightItemDiv .HighlightTitle
{
	line-height: 18px;
	position: absolute;
	bottom: 50px;
	left: 25px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

.HighlightItemDiv .HighlightDescription
{
	line-height: 18px;
	position: absolute;
	bottom: 25px;
	left: 25px;
	color: #FFFFFF;
	font-size: 12px;
}

.HighlightsNavigationList
{
	position: absolute;
	bottom: 5px;
	right: 10px;
	height: 20px;
	display: block;
	z-index: 10;
	padding: 5px 0 5px 0;
}

.HighlightsNavigationList li
{
	background: transparent url("/images/slider-pager-image.png") no-repeat top left;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0px 3px 0 0;
	display: block;
	cursor: pointer;
	text-align: center;
	color: #00AEEF;
	line-height: 150%;
	font-weight: bold;
}

.HighlightsNavigationListItem.Active
{
	background: transparent url("/images/slider-pager-image-active.png") no-repeat top left;	
	color: #FFFFFF;
}

.HighlightsNavigationList .HighlightsPagerLeft
{
	background: transparent url("/images/slider-pager-left.png") no-repeat top left;
	background-position: 4px top;
	display: none;
	
}
.HighlightsNavigationList .HighlightsPagerRight
{
	background: transparent url("/images/slider-pager-right.png") no-repeat top left;
	background-position: -4px top;
	display: none;
}

/***************** END Highlight Slider Show****************
*******************************************************/

@media print 
{
	#contentMainDiv
	{
		width: 720px;
	}
	#splashFooterDiv,
	#footerDiv
	{
		display: none;
	}	
	#splashHeaderDiv,
	#headerDiv
	{
		display: none;
	}	
	.PrintHeaderDiv
	{
		display: block;
		height: 100px;
	}	
	.RightContentBlock
	{
		border: 1px solid #666666;
	}	
	.PrintHeaderDiv .Logo
	{
		height: 85px;
		width: 235px;
		display: block;
	}	
	.PrintHeaderDiv  img
	{
		left: -20px;
		position: absolute;
	}	
}
