@charset "utf-8";
/* CSS Document */
html,body { padding:0; margin:0; }
body{ background-image:url(../images/fabgroups-header-bg.gif); background-position:top left; background-repeat:repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#container { margin:0 auto; padding:0; width:828px; }
#header{ margin:0; padding:0; min-height:226px; height: auto !important; height:226px; background-image:url(../images/fabgroups-header.jpg); background-position:center 11px; background-repeat:no-repeat;}
#headertext{ float:right; padding:36px 5px 0 595px; margin:0; height:109px;/* width:220px;  position: relative;left:595px; top:45px;*/}
#content{ margin:0; padding:0; min-height:400px; height:auto;}
* html #content { height: 400px;}
#content-left { float:left; width:545px; margin:0 0 20px 0; padding:0 2px 0 11px; color:#080808; font-weight:normal; font-size:12px;}
#content-right { float:right; width:250px; margin:0 0 20px 0; padding:0 8px 0 5px; }
#content-middle { float:left; width:795px; margin:0 0 20px 0; padding:0 2px 0 11px; color:#080808; font-weight:normal; font-size:12px;}
#footer{ margin:0; padding:0; height:102px; background-image:url(../images/fabgroups-footer-bg.gif); background-position:top left; background-repeat:repeat-x; text-align:center;}
#footercontent{margin:0 auto; padding:0; width:828px; color:#FFFFFF; font-size:12px; }
.clear{ clear:both;}

img.img-business{ position:relative; top:4px; left:-9px;}
/* -------------------------------------------------------------------------------------------- */
/*---- HEADER --------------------------------------------------------------------------------- */
#header img { display:none;}

#headertext h1 { color:#719fdb; font-size:14px; font-weight:bold; padding:0; margin:0;}
#headertext p { color:#ffffff; font-size:12px; font-weight:bold; padding:0; margin:3px 0 0 0;}
#headertext ul { list-style-type:none; padding:0; margin:3px 0 0 0; width:48%; float:left;}
#headertext ul li{ list-style-type:none; padding:0; margin:0; color:#ffffff; font-size:12px; }
#headertext ul.phone li{ padding-right:20px;}
/* -------------------------------------------------------------------------------------------- */
/*---- MENU 1 --------------------------------------------------------------------------------- */
#menu { float:left; margin:0; padding:0;}
#menu ul{ padding:0 10px; margin:0 0; list-style-type:none; height:42px; float:left;}
#menu li{ padding:0; margin:0 4px; list-style-type:none; float:left;}
#menu li.lang { padding:0; margin:0 4px; list-style-type:none; float:right;}

#menu a{ display:block; padding: 14px 0 11px 13px; margin:0; list-style-type:none; float:left; background-image:url(../images/fabgroups-menu-normr-l.png); background-repeat:no-repeat; background-position:top left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#FFFFFF; text-decoration:none; }
#menu a span { padding: 14px 30px 11px 15px;background-image:url(../images/fabgroups-menu-norm-r.png); background-repeat:no-repeat; background-position:top right;}
#menu a:hover{ background-image:url(../images/fabgroups-menu-over-l.png);}
#menu a:hover span{ background-image:url(../images/fabgroups-menu-over-r.png);}

#menu a.current{ display:block; padding: 14px 0 11px 13px; margin:0; list-style-type:none; float:left; background-image:url(../images/fabgroups-menu-curr-l.png); background-repeat:no-repeat; background-position:top left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#FFFFFF; }
#menu a.current span { padding: 14px 30px 11px 15px;background-image:url(../images/fabgroups-menu-curr-r.png); background-repeat:no-repeat; background-position:top right;}
#menu a.current:hover{ background-image:url(../images/fabgroups-menu-curr-l.png);}
#menu a.current:hover span{ background-image:url(../images/fabgroups-menu-curr-r.png);}


/* -------------------------------------------------------------------------------------------- */
/*---- MENU 2 --------------------------------------------------------------------------------- */
#menu2 { float:left; width:100%; padding:0; margin:1px 0 0 0; /*position:relative; top:98px; left:0;*/ height:102px; background-image:url(../images/fabgroups-menu2-bg.gif); background-repeat:no-repeat; background-position:top center;}
#menu2 #subsidiaries{ float:left; padding:0 0 0 15px; margin:0;}
#menu2 #subsidiaries h2 { padding:2px 0 0 7px; margin:0; color:#71809E; font-size:12px;}
#menu2 #subsidiaries ul { padding:0; margin:0; list-style-type:none;}
#menu2 #subsidiaries ul li { padding:0; margin:0; list-style-type:none; float:left;}
#menu2 #subsidiaries ul li a { color:#1547B3; font-size:11px; text-decoration:none;}
#menu2 #subsidiaries ul li a:hover { color:#D9293D; font-size:11px; text-decoration:none;}

#menu2 #subsidiaries ul li.industries-b-x a{ padding:47px 0 0 0; margin:0 0 0 30px; display:block; background-image:url(../images/fabgroups-industrie-b-x.gif); background-repeat:no-repeat; background-position:center 10px; width:125px; text-align:center;}
#menu2 #subsidiaries ul li.drummond-tanks-systems a{ padding:47px 0 0 0; margin:0 0 0 30px; display:block; background-image:url(../images/fabgroups-drummond-tank.gif); background-repeat:no-repeat; background-position:top center; width:220px; height:15px; text-align:center;}
#menu2 #subsidiaries ul li.o-connor-tanks a{ padding:47px 0 0 0; margin:0 0 0 30px; display:block; background-image:url(../images/fabgroups-o-connor.gif); background-repeat:no-repeat; background-position:top center; width:130px; height:15px;  text-align:center;}

#menu2 #sep { float:left; background-image:url(../images/fabgroups-menu2-sep.gif); background-repeat:no-repeat; background-position:center 5px; width:30px; height:82px; padding:0; margin:0 0 0 20px;}
#menu2 #partners{ float:left; padding:0; margin:0;}
#menu2 #partners h2 { padding:2px 0 0 7px; margin:0; color:#71809E; font-size:12px;}
#menu2 #partners ul { padding:0; margin:0; list-style-type:none;}
#menu2 #partners ul li { padding:0; margin:0; list-style-type:none; float:left;}
#menu2 #partners ul li a { color:#1547B3; font-size:11px; text-decoration:none;}
#menu2 #partners ul li a:hover { color:#D9293D; font-size:11px; text-decoration:none;}
#menu2 #partners ul li.fematics-canada a{ padding:47px 0 0 0; margin:0 0 0 30px; display:block; background-image:url(../images/fematics-canada.gif); background-repeat:no-repeat; background-position:center 5px; width:140px; text-align:center;}

/* -------------------------------------------------------------------------------------------- */
/*---- CONTENT MIDDLE --------------------------------------------------------------------------- */
#content-middle h1 	{ color:#1547B3; font-size:24px; font-weight:bold; padding:0; margin:0 0 5px 0;}
#content-middle h2 	{ color:#1547B3; font-size:14px; font-weight:bold; padding:0; margin:0 0 5px 0;}
#content-middle h3 	{ font-size:12px; font-weight:bold; padding:0; margin:0 0 20px 0;}
#content-middle p 	{ margin:0; padding:0 0 15px 0;}
#content-middle img 	{ display:block;}
#content-middle a { color:#1547B3; font-size:12px; text-decoration:none;}
#content-middle a:hover { color:#D9293D; font-size:12px; text-decoration: underline;}
#content-middle ul	{ padding:0; margin:0; list-style-type:none;}
#content-middle ul li	{ padding:0 0 0 10px; margin:0; list-style-type:none; background-image:url(../images/fabgroups-puce.gif); background-repeat:no-repeat; background-position: left 5px;}
#content-middle ul.list{ float:left; width:420px; height:auto;}
#content-middle ul.list li{ float:left; width: 200px;}


/* -------------------------------------------------------------------------------------------- */
/*---- CONTENT LEFT --------------------------------------------------------------------------- */
#content-left h1 	{ color:#1547B3; font-size:24px; font-weight:bold; padding:0; margin:0 0 5px 0;}
#content-left h2 	{ color:#1547B3; font-size:14px; font-weight:bold; padding:0; margin:0 0 5px 0;}
#content-left h3 	{ font-size:12px; font-weight:bold; padding:0; margin:0 0 20px 0;}
#content-left p 	{ margin:0; padding:0 0 15px 0;}
#content-left img 	{ display:block;}
#content-left a { color:#1547B3; font-size:12px; text-decoration:none;}
#content-left a:hover 		{ color:#D9293D; font-size:12px; text-decoration: underline;}
#content-left ul			{ padding:0; margin:0; list-style-type:none;}
#content-left ul li			{ padding:0 0 0 10px; margin:0; list-style-type:none; background-image:url(../images/fabgroups-puce.gif); background-repeat:no-repeat; background-position: left 5px;}
#content-left ul.list		{ display:block; float:right; width:385px; height:auto;}
#content-left ul.list li	{ float:left; width: 182px;}
#content-left ul.list2		{ display:block; padding:0 0 15px 0; width:545px; /*min-height:25px; height:auto !important; height:10px; padding:0; margin:0;*/}
#content-left ul.list2 li	{ float:left;padding:0 0 0 10px; margin:0; list-style-type:none; background-image:url(../images/fabgroups-puce.gif); background-repeat:no-repeat; background-position: left 5px; width: 259px; }
#content-left table { border:1px solid #d1d1d1;}
#content-left td { border-bottom:1px solid #dedede; border-right:1px solid #dedede; border-left:1px solid #ececec; border-top:1px solid #ececec; padding:3px;}
#content-left td h3 { padding:0; margin:0; }
/* -------------------------------------------------------------------------------------------- */
/*---- CONTENT RIGHT -------------------------------------------------------------------------- */
#content-right ul.bloc{ width:245px; list-style-type:none; padding:0 0 9px 0; margin:0 0 10px 0; background-image:url(../images/fabgroups-bloc-footer.gif); background-repeat:no-repeat; background-position:center bottom;}
#content-right ul.bloc li.titleblue {list-style-type:none; padding:7px 10px 0 10px; margin:0; background-image:url(../images/fabgroups-bloc-titre-bleu.gif); background-repeat:no-repeat; background-position:center top; height:23px; color:#FFFFFF; font-weight: bold; font-size:16px;}
#content-right ul.bloc li.titlegreen {list-style-type:none; padding:7px 10px 0 10px; margin:0; background-image:url(../images/fabgroups-bloc-titre-vert.gif); background-repeat:no-repeat; background-position:center top; height:23px; color:#FFFFFF; font-weight: bold; font-size:16px;}
#content-right ul.bloc li.content { list-style-type:none; padding:3px 10px 0 10px; margin:0; background-image:url(../images/fabgroups-bloc-bg.gif); background-repeat:repeat-y; background-position:center top;}
#content-right ul.bloc li.content h2{ padding:0 0 5px 0; width:200px; margin:0; font-size:14px; color:#1547B3; font-weight:bold; }
#content-right ul.bloc li.content h3{ padding:0; margin:0; font-size:12px; color:#1547B3; font-weight:bold; }
#content-right ul.bloc li.content p { padding:0; margin:0;}
#content-right ul.bloc li.content a { color:#1547B3; font-size:12px; text-decoration:none;}
#content-right ul.bloc li.content a:hover { color:#D9293D; font-size:12px; text-decoration: underline;}

/* -------------------------------------------------------------------------------------------- */
/*---- FOOTER --------------------------------------------------------------------------------- */
#footercontent a{color:#FFFFFF; font-size:12px; text-decoration:none; }
#footercontent a:hover{color:#D9293D; font-size:12px; text-decoration:underline;}

#menufooter1 {padding:10px 0; margin:0;}
#menufooter1 ul { list-style-type:none; text-align: center; padding:0; margin:0;}
#menufooter1 ul li { display: inline; padding:0 10px; margin:0; list-style-type:none; color:#FFFFFF; font-size:12px;}
#menufooter1 ul li a { color:#FFFFFF; text-decoration:none; font-size:12px;}
#menufooter1 ul li a:hover{ color:#D9293D; text-decoration:underline;}

#menufooter2 { padding:12px 0 17px 0; margin:0;}
#menufooter2 ul { list-style-type:none; text-align: center; padding:0; margin:0;}
#menufooter2 ul li { display: inline; padding:0 10px; margin:0; list-style-type:none; color:#FFFFFF; font-size:12px;}
#menufooter2 ul li a { color:#FFFFFF; text-decoration:none; font-size:12px;}
#menufooter2 ul li a:hover{ color:#D9293D; text-decoration:underline;}

/* -------------------------------------------------------------------------------------------- */
/*---- GALLERY -------------------------------------------------------------------------------- */
div#showgallery { /*background-color:#efefef; width:140px; */margin:0 auto; /*border:1px solid #444444;*/}
div#showgallery table td { /*height:24px; background-image:url('38.gif');*/ }
div#showgallery table input { outline-style:none; }

/* -------------------------------------------------------------------------------------------- */
/*---- LIGHT BOX ------------------------------------------------------------------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:../images/icons/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/icons/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/icons/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
