/*---

Flextorinc.com // Global CSS
Auteur : Eric Chenail - Arteca Design Inc.
Derniere revision : 2 decembre 2008 - 14:40
	
---*/

/* 112051: vieux bleu, 5473b5: jaune orange, 18327d: nouveau bleu */

body, html {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 14px;
	font-size: 11px;
	line-height: 13px;
	text-align: center;

	/* color: #112051; */
	/* overflow-x: hidden;
    -moz-opacity: 0.9999; */
    
	color: #112051;
	/* color: red; */
}

body { background: url("../img/common/bg_main.gif") repeat-y 50% 0 #FFF; }

body.about,
body.industries,
body.joints,
body.services,
body.facilities { background-image: url("../img/common/bg_main_subnav_nocol.gif") }

body.coal,
body.dampers,
body.overview,
body.contact { background-image: url("../img/common/bg_main_subnav_withcol.gif") }

body.form, body.career { background-image: url("../img/common/bg_main_subnav_nocol.gif") }

div.wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

#mainContainer {
	padding-left: 154px;
	position: relative;
	padding-left: 172px;
}

body.about #mainContainer,
body.industries #mainContainer,
body.dampers #mainContainer,
body.joints #mainContainer,
body.services #mainContainer,
body.facilities #mainContainer,
body.contact #mainContainer {
	padding-left: 308px;
	background: url("../img/common/bg_reflect_subnav.jpg") no-repeat 154px 0;
}

h1, h2, h3, h4, h5, p, address { margin-bottom: 15px; }

#header {
	height: 140px;
	background-color: #53afff;
	background: url("../img/common/small_header_section.gif") no-repeat 100% 100%;
}

.home #header {
	background: url("../img/common/large_header_accueil.gif") no-repeat 100% 100%;
}

body.fr #header {
	background-image: url("../img/common/bg_header_fr.jpg")
}

/* body.home #header { height: 200px; } */

#header h1,
#header dfn {
	display: none;
}

#header span {
	position: absolute;
	right: 8px;
	top: 60px;	
}

body.home #header span { display: none; }

#header span a {
	display: block;
	width: 276px;
	height: 55px;
	
	/* text-indent: -5000px; */
	
	color: #5c698b;
	text-decoration: none;
	font-size: 10px;
	padding-right: 4px;
	padding-top: 3px;
	text-align: right;
	
	/*
	background-color: red;
	opacity: 0.5;
	*/
}

#header span a strong {
	display: none;
	font-weight: normal;
}

#sidebar {
	position: absolute;
	left: 0;
	top: 0;
	width: 154px;
	padding-top: 140px;
	background-color: #FFF;
}

/* body.home #sidebar { padding-top: 200px; } */

body.home #sidebar,
body.quality #sidebar {
	width: 172px;
	background: url("../img/common/bg_reflect_sidebar_close.jpg") no-repeat 154px 0;
}

#sidebar a.currentLanguage {
	text-decoration: none;
	color: #999;
	position: absolute;
	top: 15px;
	left: 12px;
	/* text-transform: uppercase; */
	/* font-size: 9px; */
	display: block;
	padding: 5px 0;
}

#sidebar a.currentLanguage strong {
	float: left;
	font-weight: normal;
}

#sidebar a.currentLanguage span {
	display: block;
	width: 7px;
	height: 4px;
	background: url("../img/common/arrow_language.gif") no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 5px;
}

#sidebar a.currentLanguage:hover span { background-position: 0 -28px; }

#sidebar p.ceco {
	font-size: 10px;
	line-height: 10px;
	color: #afafaf;
	margin-left: 12px;
	margin-top: 25px;
}

#sidebar p.ceco a {
	display: block;
	padding: 10px;
	width: 78px;
	height: 30px;
	background-image: url("../img/common/logo_ceco.gif");
	text-indent: -5000px;
	padding: 0;
	margin-top: 10px;
	/* margin-left: 12px; */
}

#sidebar p.ceco a:hover { background-position: 0 -30px; }

#sidebar ul {
	border-top: 1px solid #d5d5d5;
	width: 148px;
}

#sidebar ul ul { border-top: 1px solid #263e7c; }

#sidebar ul li a {
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
	color: #333;
	display: block;
	padding: 5px 0 5px 12px;
	border-bottom: 1px solid #d5d5d5;
	
	color: #112051;
}

#sidebar ul ul li a { border-bottom: 1px solid #263e7c; }	

#sidebar ul li a:hover  { color: #0F7BDD; }

/*
body.en #sidebar #language {
	display: none;
}
*/

#sidebar #language ul {
	position: absolute;
	top: 37px;
	left: 3px;
	background-color: #FFF;
}

body.home #sidebar #language ul { display: block; }

#sidebar #language,
#sidebar #language ul,
#sidebar #language li a { border: none; }

#sidebar #language ul li a { 
	padding-left: 32px; 
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

body #sidebar #language ul li.es { display: none; }
body #sidebar #language ul li.po { display: none; }

#sidebar #language ul li.en a { background-image: url("../img/common/us.gif"); }
#sidebar #language ul li.fr a { background-image: url("../img/common/fr.gif"); }
#sidebar #language ul li.es a { background-image: url("../img/common/es.gif"); }
#sidebar #language ul li.po a { background-image: url("../img/common/br.gif"); }

body.en #sidebar #language ul li.en { display: none; }
body.fr #sidebar #language ul li.fr { display: none; }
body.es #sidebar #language ul li.es { display: none; }
body.po #sidebar #language ul li.po { display: none; }

body.home 		#sidebar ul li.home a,
body.about 		#sidebar ul li.about a,
body.industries #sidebar ul li.industries a,
body.dampers 	#sidebar ul li.dampers a,
body.joints 	#sidebar ul li.joints a,
body.services 	#sidebar ul li.services a,
body.facilities #sidebar ul li.facilities a,
body.quality 	#sidebar ul li.quality a,
body.contact 	#sidebar ul li.contact a {
	font-weight: bold;
	background: url("../img/common/arrow_mainNav_selected_marine.gif") no-repeat 3px 8px;
	color: #112051;
}

body.fr #sidebar ul li.quality,
body.fr #sidebar ul li.quality a {
	display: none;
}

body.about   	#sidebar ul li.about ul li a,
body.industries	#sidebar ul li.industries ul li a,
body.dampers	#sidebar ul li.dampers ul li a,
body.joints		#sidebar ul li.joints ul li a,
body.services	#sidebar ul li.services ul li a,
body.facilities	#sidebar ul li.facilities ul li a,
body.contact	#sidebar ul li.contact ul li a {
	font-weight: normal;
	color: #333;
	background-image: none;
	
	color: #9fa6b9;
}

body.about   	#sidebar ul li.about ul li a:hover,
body.industries	#sidebar ul li.industries ul li a:hover,
body.dampers	#sidebar ul li.dampers ul li a:hover,
body.joints		#sidebar ul li.joints ul li a:hover,
body.services	#sidebar ul li.services ul li a:hover,
body.facilities	#sidebar ul li.facilities ul li a:hover,
body.contact	#sidebar ul li.contact ul li a:hover { 
	color: #5bb8fe;
	color: #61b3f0;
}

body.history 		#sidebar ul li ul li.history a,
body.mission 		#sidebar ul li ul li.mission a,
body.coal 			#sidebar ul li ul li.coal a,
body.hrsg 			#sidebar ul li ul li.hrsg a,
body.ethanol 		#sidebar ul li ul li.ethanol a,
body.refinary 		#sidebar ul li ul li.refinary a,
body.metals 		#sidebar ul li ul li.metals a,
body.cement 		#sidebar ul li ul li.cement a,
body.guillotine 	#sidebar ul li ul li.guillotine a,
body.louver 		#sidebar ul li ul li.louver a,
body.diverter 		#sidebar ul li ul li.diverter a,
body.stack 			#sidebar ul li ul li.stack a,
body.butterfly 		#sidebar ul li ul li.butterfly a,
body.poppet 		#sidebar ul li ul li.poppet a,
body.radial 		#sidebar ul li ul li.radial a,
body.overview 		#sidebar ul li ul li.overview a,
body.non-metallic 	#sidebar ul li ul li.non-metallic a,
body.composite 		#sidebar ul li ul li.composite a,
body.accessories 	#sidebar ul li ul li.accessories a,
body.metallic 		#sidebar ul li ul li.metallic a,
body.parameters 	#sidebar ul li ul li.parameters a,
body.guideline 		#sidebar ul li ul li.guideline a,
body.design 		#sidebar ul li ul li.design a,
body.management 	#sidebar ul li ul li.management a,
body.installation	#sidebar ul li ul li.installation a,
body.maintenance	#sidebar ul li ul li.maintenance a,
body.aftermarket	#sidebar ul li ul li.aftermarket a,
body.cincinnati		#sidebar ul li ul li.cincinnati a,
body.montreal		#sidebar ul li ul li.montreal a,
body.testing		#sidebar ul li ul li.testing a,
body.form			#sidebar ul li ul li.form a,
body.sales			#sidebar ul li ul li.sales a,
body.career			#sidebar ul li ul li.career a {
	font-weight: bold;
	background: url("../img/common/arrow_mainNav_selected.gif") no-repeat 3px 8px;
	color: #FFF;
}

body.history 		#sidebar ul li ul li.history a:hover,
body.mission 		#sidebar ul li ul li.mission a:hover,
body.coal 			#sidebar ul li ul li.coal a:hover,
body.hrsg 			#sidebar ul li ul li.hrsg a:hover,
body.ethanol 		#sidebar ul li ul li.ethanol a:hover,
body.refinary 		#sidebar ul li ul li.refinary a:hover,
body.metals 		#sidebar ul li ul li.metals a:hover,
body.cement 		#sidebar ul li ul li.cement a:hover,
body.guillotine 	#sidebar ul li ul li.guillotine a:hover,
body.louver 		#sidebar ul li ul li.louver a:hover,
body.diverter 		#sidebar ul li ul li.diverter a:hover,
body.stack 			#sidebar ul li ul li.stack a:hover,
body.butterfly 		#sidebar ul li ul li.butterfly a:hover,
body.poppet 		#sidebar ul li ul li.poppet a:hover,
body.radial 		#sidebar ul li ul li.radial a:hover,
body.overview	 	#sidebar ul li ul li.overview a:hover,
body.non-metallic 	#sidebar ul li ul li.non-metallic a:hover,
body.composite 		#sidebar ul li ul li.composite a:hover,
body.accessories 	#sidebar ul li ul li.accessories a:hover,
body.metallic 		#sidebar ul li ul li.metallic a:hover,
body.parameters 	#sidebar ul li ul li.parameters a:hover,
body.guideline 		#sidebar ul li ul li.guideline a:hover,
body.design 		#sidebar ul li ul li.design a:hover,
body.management 	#sidebar ul li ul li.management a:hover,
body.installation	#sidebar ul li ul li.installation a:hover,
body.maintenance	#sidebar ul li ul li.maintenance a:hover,
body.aftermarket	#sidebar ul li ul li.aftermarket a:hover,
body.cincinnati		#sidebar ul li ul li.cincinnati a:hover,
body.montreal		#sidebar ul li ul li.montreal a:hover,
body.testing		#sidebar ul li ul li.testing a:hover,
body.form			#sidebar ul li ul li.form a:hover,
body.sales			#sidebar ul li ul li.sales a:hover,
body.career			#sidebar ul li ul li.career a:hover { color: #FFF; }

#sidebar ul ul { display: none; }

body.about 		#sidebar #mainNav li.about ul,
body.industries #sidebar #mainNav li.industries ul,
body.dampers 	#sidebar #mainNav li.dampers ul,
body.joints 	#sidebar #mainNav li.joints ul,
body.services 	#sidebar #mainNav li.services ul,
body.facilities #sidebar #mainNav li.facilities ul,
body.contact 	#sidebar #mainNav li.contact ul {
	display: block;
	position: absolute;
	top: 140px;
	left: 160px;
	width: 142px;
}

#content div.section {
	margin-right: 154px;
	padding: 20px 20px 20px;
}

body.about #content div.section,
body.industries #content div.section,
body.joints #content div.section,
body.services #content div.section,
body.facilities #content div.section,
body.career #content div.section,
body.form #content div.section { margin-right: 0; }

body.coal #content div.section,
body.overview #content div.section {
	margin-right: 154px;
}


#content div.section span.imgLeft {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#content div.section span.imgRight {
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#content div.section h3 {
	font-size: 20px;
	line-height: 18px;
	color: #112051;	
	font-weight: normal;
	text-transform: uppercase;
}

body.home #content div.section h3 {
	text-transform: none;
	
	font-weight: bold;
	font-size: 15px;
	line-height: 14px;

/*
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
*/
}

/*
body.about	 	#content div.section h3,
body.industries #content div.section h3,
body.products #content div.section h3,
body.services #content div.section h3,
body.quality #content div.section h3,
body.contact #content div.section h3 {
	text-indent: -5000px;
	height: 18px;
	line-height: 18px;
	background-repeat: no-repeat;
}

body.history 		#content div.section h3 { background-image: url("../img/about/history/title_history.gif"); }
body.mission 		#content div.section h3 { background-image: url("../img/about/mission/title_mission.gif"); }
body.facilities 	#content div.section h3 { background-image: url("../img/about/facilities/title_facilities.gif"); }
body.coal 			#content div.section h3 { background-image: url("../img/industries/coal/title_coal.gif"); }
body.hrsg 			#content div.section h3 { background-image: url("../img/industries/hrsg/title_hrsg.gif"); }
body.cement 		#content div.section h3 { background-image: url("../img/industries/cement/title_cement.gif"); }
body.smelting 		#content div.section h3 { background-image: url("../img/industries/smelting/title_smelting.gif"); }
body.heat 			#content div.section h3 { background-image: url("../img/industries/heat/title_heat.gif"); }
body.other 			#content div.section h3 { background-image: url("../img/industries/other/title_other.gif"); }
body.diverter 		#content div.section h3 { background-image: url("../img/products/diverter/title_diverter.gif"); }
body.guillotine 	#content div.section h3 { background-image: url("../img/products/guillotine/title_guillotine.gif"); }
body.stack 			#content div.section h3 { background-image: url("../img/products/stack/title_stack.gif"); }
body.louver 		#content div.section h3 { background-image: url("../img/products/louver/title_louver.gif"); }
body.radial 		#content div.section h3 { background-image: url("../img/products/radial/title_radial.gif"); }
body.butterfly 		#content div.section h3 { background-image: url("../img/products/butterfly/title_butterfly.gif"); }
body.joints 		#content div.section h3 { background-image: url("../img/products/joints/title_joints.gif"); }
body.poppet 		#content div.section h3 { background-image: url("../img/products/poppet/title_poppet.gif"); }
body.design 		#content div.section h3 { background-image: url("../img/services/design/title_design.gif"); }
body.installation 	#content div.section h3 { background-image: url("../img/services/installation/title_installation.gif"); }
body.maintenance 	#content div.section h3 { background-image: url("../img/services/maintenance/title_maintenance.gif"); }
body.quality 		#content div.section h3 { background-image: url("../img/quality/title_quality.gif"); }
body.contact 		#content div.section h3 { background-image: url("../img/contact/title_contact.gif"); }

body.history_fr 	#content div.section h3 { background-image: url("../img/about/history/title_historique.gif"); }
body.facilities_fr 	#content div.section h3 { background-image: url("../img/about/facilities/title_installations.gif"); }
body.coal_fr 		#content div.section h3 { background-image: url("../img/industries/coal/title_charbon.gif"); }
body.hrsg_fr 		#content div.section h3 { background-image: url("../img/industries/hrsg/title_cogeneration.gif"); }
body.cement_fr 		#content div.section h3 { background-image: url("../img/industries/cement/title_ciment.gif"); }
body.smelting_fr 	#content div.section h3 { background-image: url("../img/industries/smelting/title_metallurgies.gif"); }
body.heat_fr 		#content div.section h3 { background-image: url("../img/industries/heat/title_chaleur.gif"); }
body.other_fr 		#content div.section h3 { background-image: url("../img/industries/other/title_autres.gif"); }
body.diverter_fr 	#content div.section h3 { background-image: url("../img/products/diverter/title_derivation.gif"); }
body.guillotine_fr 	#content div.section h3 { width: 75px; }
body.stack_fr 		#content div.section h3 { background-image: url("../img/products/stack/title_cheminee.gif"); }
body.louver_fr		#content div.section h3 { background-image: url("../img/products/louver/title_louvres.gif"); }
body.radial_fr 		#content div.section h3 { background-image: url("../img/products/radial/title_radiale.gif"); }
body.butterfly_fr 	#content div.section h3 { background-image: url("../img/products/butterfly/title_papillon.gif"); }
body.joints_fr 		#content div.section h3 { background-image: url("../img/products/joints/title_joints_fr.gif"); }
body.poppet_fr		#content div.section h3 { width: 55px; }
body.design_fr 		#content div.section h3 { background-image: url("../img/services/design/title_conception.gif"); }
body.installation_fr	#content div.section h3 { background-image: url("../img/services/installation/title_installation_fr.gif"); }
body.maintenance_fr #content div.section h3 { background-image: url("../img/services/maintenance/title_entretien.gif"); }
body.quality_fr 	#content div.section h3 { background-image: url("../img/quality/title_qualite.gif"); }
body.contact_fr 	#content div.section h3 { background-image: url("../img/contact/title_contactez.gif"); }

*/

#content div.section h4 {
	color: #5473b5;
	font-size: 120%;
	font-weight: normal;
	padding-top: 15px;
	border-top: 1px solid #dcdcdc;
	
	color: #fead07;
	color: #5473b5;
	
	color: #5473b5;

	font-size: 140%;
}

#content div.section h4.first {
	padding-top: 0;
	border: none;
}

#content div.section a {
	text-decoration: underline;
	color: #0F7BDD;
	text-decoration: none;
}

#content div.section a:hover {
	color: #666;
	color: #0F7BDD;
	text-decoration: underline;
}

body.home #content div.section p {
	font-size: 12px;
	line-height: 14px;
}

body.home #content div.section ul {
	margin-bottom: 12px;
	font-size: 12px;
	/*  margin-left: 35px; */
	float: left;
	margin: 10px 0 20px 0;
	border-left: 25px solid #f3f3f3;
	
	color: #3e4a71;
}

body.home #content div.section ul li {
	width: 161px;
	margin-right: 10px;
	float: left;
	padding-bottom: 3px;
	padding-left: 12px;
	background: url("../img/common/bullet_list_home_marine.gif") no-repeat 0 3px;
}

body.industries #content div.section ul,
body.dampers #content div.section ul,
body.joints #content div.section ul,
body.services #content div.section ul,
body.quality #content div.section ul {
	margin-bottom: 12px;
	color: #3e4a71;
	/* margin-left: 35px; */
	margin: 10px 0 15px 0; 
	/* list-style-type: disc; */
}

body.joints #content div.section ul ul {
	margin-bottom: 1px;
}

body.industries #content div.section ul li,
body.dampers #content div.section ul li,
body.joints #content div.section ul li,
body.services #content div.section ul li,
body.quality #content div.section ul li {
	padding: 0 0 5px 35px;
	margin: 0;
	line-height: 11px;
	background: url("../img/common/bullet_list_home_marine.gif") no-repeat 23px 3px;
}

body.coal div.description,
body.dampers div.description,
body.joints div.description { display: none; }

body.coal div.description span.additionalPhotos {
	display: block;
	position: absolute;
	top: 141px; 
	right: 0;
	/* opacity: 0.8; */
}

body.home #content div.section p { clear: left; }

body.composite #content div.section {
	background: url("../img/joints/composite/img_profile_lg.gif") no-repeat 100% 85px;
}

body.composite #content div.section #profile {
	height: 300px;
	
	/* border-bottom: 1px solid red; */
}

body.composite #content div.section #profile p.intro {
	margin-right: 40px;
	margin-bottom: 10px;
}

body.composite #content div.section #profile ul,
body.composite #content div.section #profile ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: none;
	width: 230px;
}

body.composite #content div.section #profile ul li a {
	text-decoration: none;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	/* line-height: 15px; */
}

body.composite #content div.section #profile li div {
	border-bottom: 1px solid #CCC;
	/* display: none; */
}

body.composite #content div.section #profile li div p {
	padding: 5px 0;
	margin: 0;
}

body.parameters #content div.section dl {
	/* border-bottom: 1px solid red; */
	margin-top: 25px;
	margin-left: 120px;
	position: relative;
}

body.parameters #content div.section dt {
	font-weight: bold;
}

body.parameters #content div.section dt img {
	position: absolute;
	left: -103px;
	top: 0px;
}

body.guideline #content div.section table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 15px;
	line-height: 12px;
}

body.guideline #content div.section table th,
body.guideline #content div.section table td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 5px;
	/* font-size: 10px; */
	background-color: #FFF;
	text-align: center;
}

body.guideline #content div.section table th.first,
body.guideline #content div.section table td.first {
	/* text-align: left; */
}

body.guideline #content div.section table th {
	vertical-align: middle;
	text-transform: uppercase;
}

body.guideline #content div.section p {
	font-size: 10px;
	line-height: 11px;
	/* font-style: italic; */
}

/* Contact */

/*

body.contact address {
	font-style: normal;
	font-size: 12px;
	line-height: 13px;
	margin-left: 20px;
	border-left: 5px solid #CCC;
	padding-left: 10px;
}

*/

body.contact address {
	font-style: normal;
	padding-left: 5px;
	
	/* font-size: 12px;
	line-height: 13px;
	/* margin-left: 20px;
	border-left: 5px solid #CCC; 
	padding-left: 10px; */
}

body.contact address span {
	display: block;
	margin-top: 10px;
	/* border-top: 10px solid red; */
}

body.contact div#map {
	width: 402px;
	height: 300px;
	border: 1px solid #999;
	margin-bottom: 15px;
	
	width: 266px;
	height: 236px;
	overflow: hidden;
}

body.contact div#directions h5  {
	color: #333;
	margin-bottom: 5px;
	font-weight: bold;
	/* text-transform: uppercase; */
}

body.contact div#directions p {
	color: #666;
}

body.contact form,
body.career form, {
	/* border: 1px solid red; */
	margin-bottom: 15px;
}

body.contact form dt,
body.career form dt {
	/* font-weight: bold; */
	padding: 8px 0 4px;
	color: #666;
}

body.contact form input.textfield,
body.contact form textarea,
body.career form input.textfield,
body.career form textarea {
	font-size: 13px;
	color: #666;
	padding: 3px;
	width: 220px;
	margin: 0;
}

body.career form input#firstname,
body.career form input#name,
body.career form input#address {
	width: 250px;
}

body.career form input#city,
body.career form input#state {
	width: 175px;
}

body.career form input#phone,
body.career form input#zip {
	width: 125px;
}

body.contact form textarea,
body.career form textarea {
	width: 396px;
	height: 160px;
	margin-bottom: 8px;
}

body.contact form .error,
body.career form .error {
	color: #0F7BDD;
	line-height: 21px;
}

body.career form span.extensions {
	display:block;
	color: #bababa;
}

body.career form dl.location dt,
body.career form dl.resume dt {
	float:left;
}

body.career form dl.location dd,
body.career form dl.resume dd {
	margin: 10px 0 10px 120px;
	padding-top: 3px;
}

body.contact form p,
body.career form p {
	margin-bottom: 8px;
}

body.contact #confirmation {
	padding: 20px;
	background-color: #5473b5;
	color: #FFF;
	margin-bottom: 15px;
	display: none;
}

body.contact #confirmation p {
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}

/* ////////////// */

body.sales #content div.section ul.replist {
	border-bottom: 1px solid #CCC;
}

body.sales #content div.section ul.replist h5 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

body.sales #content div.section ul.replist h5 a {
	display: block;
	padding: 5px 5px;
	border-top: 1px solid #CCC;
}

body.sales #content div.section ul.replist h5 a:hover {
	background-color: #ececec;
}

body.sales #content div.section ul.replist address {
	margin: 5px 5px 10px 15px;
	padding: 0;
	display: none;
}

body.sales #content div.section ul.replist address span {
	display: block;
	padding: 0;
	margin: 0;
}

body.sales #content div.section ul.replist address .extra {
	margin-top: 10px;
}

body.sales #content div.section ul.replist address span.location {
	text-transform: uppercase;
	/* color: #b9b9b9; */
	color: #666;
	margin-bottom: 5px;
}

/* ////////////// */

ul#slideshow {
	padding: 0 0 0 5px;
	margin: 0 0 12px 0;
	height: 25px;
}

ul#slideshow li { display: none; }
ul#slideshow li.launcher { 
	display: block; 
	/* width: auto; */
}

ul#slideshow li a {
	color: #333;
	background: url("../img/common/icn_photo.gif") no-repeat;
	padding-left: 38px;
	display: block;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	height: 23px;
	padding-top: 1px;
	
	color: #112051;
	
	
}

ul#slideshow li a:hover { color: #0F7BDD; }

#rightCol {
	width: 134px;
	background-color: #ececec;
	float: right;
	padding: 20px 10px;
	position: relative;
}

body.quality #rightCol {
	padding-top: 53px;
	padding-top: 10px;
}

body.quality #rightCol a {
	margin-bottom: 10px;
	display: block;
	border: 1px solid #dbdbdb;
	background-color: #b8b8b8;
}

body.quality #rightCol a:hover {	
	border: 1px solid #afafaf;
	background-color: #939393;
}

#rightCol h4 {
/*	width: 128px;
	height: 29px;
	background: url("../img/common/subtitle_designed_for.gif") no-repeat 5px 0;
	text-indent: -5000px; */
	
	font-size: 140%;
	line-height: 105%;
	font-weight: normal;
	margin-bottom: 10px;
	color: #5473b5;

	padding-left: 5px;
	/* text-shadow: 1px 1px 1px #FFF; */
	/* letter-spacing: -1px; */
	
}

body.sales #rightCol h4 {
	padding-top: 32px;
	margin-bottom: 13px;
}

body.sales #rightCol .listAction li a {
	color: #999;
	text-decoration: none;
	margin-left: 5px;
	border-bottom: 1px solid #CCC;
	/* border: 1px solid red; */
}

/*

body.fr #rightCol h4 {
	background-image: url("../img/common/subtitle_concu_pour.gif");
}

body.dampers #rightCol h4,
body.joints #rightCol h4 {
	background: url("../img/common/subtitle_design_features.gif") no-repeat 5px 0;
	height: 14px;
}

body.diverter_fr #rightCol h4,
body.guillotine_fr #rightCol h4,
body.stack_fr #rightCol h4,	
body.louver_fr #rightCol h4,
body.radial_fr #rightCol h4,
body.butterfly_fr #rightCol h4,
body.joints_fr #rightCol h4,
body.poppet_fr #rightCol h4 {
	background-image: url("../img/common/subtitle_caracteristiques.gif");
}

body.contact #rightCol h4 {
	background: url("../img/contact/subtitle_address.gif") no-repeat 5px 0;
	height: 16px;
}

body.contact_fr #rightCol h4 {
	background-image: url("../img/contact/subtitle_adresse.gif");
}

*/

#rightCol ul.secondaryNav {
	font-size: 11px;
	border-top: 1px solid #CCC;
	margin-bottom: 15px;
}

#rightCol ul.secondaryNav li a {
	display: block;
	padding: 6px 5px;
	border-bottom: 1px solid #CCC;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
	color: #333;
	color: #3d4970;
	position: relative;
}

#rightCol ul.secondaryNav li a:hover { color: #0F7BDD; }

#rightCol ul.secondaryNav li a span {
	display: none;
	width: 4px;
	height: 7px;
	background-color: red;
	position: absolute;
	top: 9px;
	left: -4px;
	background: url("../img/common/arrow_secondaryNav_selected_marine.gif") no-repeat;
}

#rightCol ul.secondaryNav li.selected {
	font-weight: bold;
	color: #112051;
}

#rightCol ul.secondaryNav li.selected a { color: #112051; }

#rightCol ul.secondaryNav li.selected a:hover { color: #112051; }

#rightCol ul.secondaryNav li.selected a span { display: block; }

/* /////////// */

body.contact #rightCol ul.utilityNav { margin-bottom: 15px; }

#rightCol ul.utilityNav li a { 
	display: block;
	text-decoration: none; 
	background: url("../img/common/bg_btn_rightCol_right.gif") no-repeat 100% -27px #d3d3d3;
}

#rightCol ul.utilityNav li.request a {
	margin-top: 3px;
}

#rightCol ul.utilityNav li a span {
	display: block;
	padding: 8px 8px 8px 33px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	
	/* color: #112051; */
}

#rightCol ul.utilityNav li.download a span {
	background: url("../img/common/bg_btn_rightCol_download.gif") no-repeat 0 -27px;	
}

#rightCol ul.utilityNav li.request a span {
	background: url("../img/common/bg_btn_rightCol_request.gif") no-repeat 0 -27px;	
}

#rightCol ul.utilityNav li.pdf a span {
	background: url("../img/common/bg_btn_rightCol_pdf.gif") no-repeat 0 -27px;	
}

#rightCol ul.utilityNav li a:hover {
	background-color: #c7c7c7;
	background-position: 100% 0;
}

#rightCol ul.utilityNav li a:hover span { background-position: 0 0; }

/* /////////// */

#rightCol a.cwb {
	display: block;
	width: 134px;
	height: 30px;
	background: url("../img/common/logo_cwb.gif") no-repeat;
	text-indent: -5000px;
	margin-top: 10px;
}

#rightCol a.cwb:hover { background-position: 0 -30px; }

#content div.photoContainer {
	height: 232px;
	width: 616px;
	
	width: 598px;
	background-color: #112051;
	
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

body.about #content div.photoContainer,
body.industries #content div.photoContainer,
body.dampers #content div.photoContainer,
body.joints #content div.photoContainer,
body.services #content div.photoContainer,
body.facilities #content div.photoContainer,
body.contact #content div.photoContainer { width: 462px; }

#content div.photoContainer span {
	float: left;
	display: block;
}

#content div.photoContainer span.sm { padding: 10px 0 0 10px; }
#content div.photoContainer span.m { padding: 0 0 0 10px; }

#content div.photoContainer h2 { display: none; }

body.home #content div.photoContainer ul li {
	display: none
}

#content div.photoContainer ul li a {
	display: block;
	float: left;
}

#download {
	background-color: #333;
	color: #999;
	position: relative;
	width: 462px;
	display: none;
	background-color: #070d20;
	/* background: url("../img/common/bg_download_zone.gif") no-repeat 50% 226px #070d20; */
}

body.home #download { width: 598px; }

#download div { padding: 20px 20px 5px; }

#download h4 {
	font-size: 160%;
	line-height: 105%;
	font-weight: normal;
	/* margin-bottom: 15px; */
	color: #5473b5;
	text-transform: uppercase;
	color: #FFF;
	/* color: #414d74; */
}

#download a.close {
	color: #999;
	position: absolute;
	top: 22px;
	right: 20px;
	background: url("../img/common/btn_close_download_zone.gif") no-repeat;
	padding-left: 18px;
	display: block;
	line-height: 14px;	
	color: #a0a6b1;
}

#download a.close:hover { 
	color: #FFF; 
	background-position: 0 -28px;
}

#download h5 {
	color: #999;
	font-size: 120%;
	font-weight: normal;
	color: #414d74;
	color: #FFF;
	
	color: #5473b5;
}

#download ul {
	margin-bottom: 15px;
	border-top: 1px solid #0b1536;
	/* border-top: 1px solid #132148; */
	margin-left: 15px;
}

#download ul li a {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #0b1536;
	/* border-bottom: 1px solid #132148; */
	text-decoration: none;
	font-size: 11px;
	color: #CCC;
	background: url("../img/common/icn_download_pdf.gif") no-repeat 0 50%;
	padding-left: 22px;
	color: #a0a6b1;
}

#download ul li a:hover {
	color: #5473b5;
	color: #FFF;
}

p.arteca {
	position: absolute;
	top: -30px;
	top: -56px;
	left: -142px;
	font-size: 80%;
	color: #CCC;
	
	display: none;
}

body.home p.arteca,
body.dampers p.arteca,
body.joints p.arteca { top: -35px; }

body.contact p.arteca { top: -60px; }

body.sales p.arteca { top: -45px; }

body.about p.arteca,
body.industries p.arteca,
body.dampers p.arteca,
body.joints p.arteca,
body.services p.arteca,
body.facilities p.arteca,
body.quality p.arteca {
	left: -296px;
}

p.arteca a {
	text-decoration: none;
	color: #999;
}

p.arteca a:hover { color: #666; }

#footer {
	clear: both;
	margin-top: 10px;
	position: relative;
}