/* Global rules for the page: font, font color, page margin, links behavior, bullet points */

body {
margin: 0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/background_paper.gif);
background-repeat: repeat-y;
background-position: center;
color: #666666}

a {
text-decoration: none;
color: #CC0033;
}

a:hover {
color: #666666;
}

.regular_list  {
margin-top: 5px;}

.list_bullet {
margin-left: -40px;
vertical-align: top;
background: url(images/bullet_red.gif) 0px 3px no-repeat;
padding-left: 15px;
list-style:none;
}

.image_frame{
border-color: #DDDDDD;
border-style: solid;
border-width: 1px;
}

.highlight_level_1 {
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #CC0033;
}

.highlight_level_2 {
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #666666;
}

.highlight_level_3 {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #CC0033;
}

.table_acc {
border-top: 1px solid #DDDDDD;
border-collapse:collapse;
width:80%;
}

.header_row{
vertical-align: top;
padding-bottom: 3px;
background-color: #EEEEEE;
color: #000000;
}

.header_line_left {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
padding-left: 2px;
}

.header_line_right {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}

.header_line {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}

.row_first_line {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 0px;
}

.row_line {
border-bottom: 1px solid #DDDDDD;
}

.row_line_right {
border-bottom: 1px solid #DDDDDD;
}

.row_line_left {
border-bottom: 1px solid #DDDDDD;
padding-left: 2px;
}

/*  container ------------------------------------------------------------------- */

#container {
width: 780px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color: white;
}

/*  page-header ------------------------------------------------------------------- */
/* This define the logo, the language navigation and the main menu */
/* The comapny logo is set as a background image to allow flexibility in changing corporate identity with CSS*/

#page-header {
height: 65px;
background-image: url(images/norgrenfluid_logo.gif);
background-repeat: no-repeat;
background-position:10px 10px;
text-align: right;
}

#nav-language {
font: 9px Verdana, Arial, Helvetica, sans-serif;
margin-top: 2px;
margin-bottom: 0px;
}

#nav-language li{
display: inline;
padding: 0px 5px 0px 5px;
border-right-color: #CC0033;
border-right-style: solid;
border-right-width: 1px;
border-left-style: none;
}

#nav-language li.nav-list-last-item{
border-right-style: none;
}

#nav-main{
font: 9px Verdana, Arial, Helvetica, sans-serif;
margin-top: 40px;
margin-bottom: 2px
}

#nav-main li{
display: inline;
padding: 0px 5px 0px 5px;
border-right-color: #666666;
border-right-style: solid;
border-right-width: 1px;
border-left-style: none;
}

#nav-main li a{
color: #666666;
text-transform: uppercase;
}

#nav-main li a:hover{
color: #CC0033;
}

#nav-main li.nav-list-last-item{
border-right-style: none;
}






/*  page-info ------------------------------------------------------------------- */
#page-info{
height: 20px;
padding: 7px 0px 3px 10px;
font-weight: bold;
background-image: url(images/shading.gif);
background-repeat: repeat-x;
}

/*  page-main ------------------------------------------------------------------- */
#page-main{
margin-top: 5px;
}

#page-content {
margin: 0px 245px  0px 220px;
padding: 10px;
}

#page-content-full {
margin: 0px 5px  0px 220px;
padding: 10px;
}

#sub-menu-left {
	float:left;
}

.contact-list-location{
color:#CC0033;
text-transform: uppercase;
vertical-align: bottom;
font-weight: bold;
width: 120px;
}

.contact-list-company{
color:#CC0033;
vertical-align: bottom;
font-weight: bold;
width: 250px;
}

.contact-list-map{
vertical-align: top;
width: 120px;
}

.contact-list-details{
vertical-align: top;
width: 200px;
}

.text-seperation{
background-image: url(images/separation_dot_horizontal_g.gif);
background-repeat: repeat-x;
width:98%;
}

.schematic {
text-align: center; }

.legend {
font-style: italic;
padding: 0px 50px 0px 50px;
}

/*Zone et champs de formulaires*/	
.kv_Q_result{
	color: #CC0033;
	font-weight: bold;
}

input.file {
	width: 120px;
	margin-left: 20px;
	margin-top: 10px;
}

input.sufixe {
	width: 80px;
	margin-left: 10px;
	margin-top: 10px;
}

input.calcul_kv {
	width: 40px;
	margin-left: 20px;
	margin-top: 10px;
}

input.file,
input.sufixe,
input.calcul_kv {
	color: #666666;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	height: 12px;
	font-size: 9px;
	vertical-align: middle;
	padding: 2px 2px 2px 2px;
}

input.sendButton {
margin-left: 10px;
color: #666666;
background-color: #EEEEEE;
border: solid 1px #666666;
cursor: pointer;
}

/*Mise en forme du tableau des poids spécifiques*/	
.TableDensity{
margin-left: 10px;
}

.TableDensityHeaderRow td{
font-weight: bold;
border-top: solid 2px #CCCCCC;
border-bottom: solid 2px #CCCCCC;
height: 20px;
}

.TableDensityRow td{
border-bottom: solid 1px #CCCCCC;
height: 20px;
}

.TableDensityLastRow td{
border-bottom: solid 1px #CCCCCC;
height: 20px;
}

#special-topics {
float: right;
right: 0px;
width: 245px;
background-image: url(images/separation_dot.gif);
background-repeat: repeat-y;
}

#special-topics table{
border: none 0px;
width: 235px;
}

#special-topics table tr td{
font: 9px Verdana, Arial, Helvetica, sans-serif;
border: none 0px;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
}

/*  page-footer ------------------------------------------------------------------- */
#page-footer {
clear: both;
padding: 5px;
height: 20px;
}