h1{font-family: "Lucida Sans Unicode", Verdana, Arial; color:#093e6a; font-size:12pt; margin:0; padding:0;}
body
	{ 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-size: 75%; 
	margin:auto; 
	color: #000000; 
	text-align:center;  
	}
.none
	{
	margin:0; 
	padding:0;
	}
.bdr
	{
	padding:10px;
	margin-top:5px;
	width:80%;
	}

.cssElements{
	font:9pt Trebuchet MS;
	color:#000000;
	text-decoration: none;
	padding-left:2px;
	
}
.tnbNewSmall{
float:left;
background-image:url(/saidonne/images/tab_new.gif);
background-repeat:no-repeat; 
width:60px; 
height:20px;
text-decoration:none;
text-align:center;
margin-top:0px;
line-height:14px;
margin-bottom:0px;
}
.tnbNewSmall a:hover
	{
	color:green;
	text-decoration:none;
	}

.tnbNew{
float:left;
background-image:url(/saidonne/images/tab_new.gif);
background-repeat:no-repeat; 
width:92px; 
height:29px;
text-decoration:none;
text-align:center;
margin-top:0px;
line-height:24px;
margin-bottom:0px;
}
.tnbNew a:hover
{
color:green;

text-decoration:none;
}
fieldset
{
font-size:11px;
border: 1px solid #093E6A;
height:auto;
background-color:#F2F5FA;
margin:2px;
width:100%;
padding:2px;

}

.fieldset2
{
font-size:11px;
border: 1px solid #000000;
height:auto;
margin:2px;
padding:2px;
}

legend
{
font-size:11pt;
font-family:"Lucida Sans Unicode", Verdana, Arial; 
color:#003366;
padding: 0px 3px;
margin-bottom: 2px;
}
.cssLabelAlignLeft{
	font: 12px bold Trebuchet MS;
	color:#003386;
	text-decoration: none;
	height: 15px;
	width: 15%;
	text-align:right;
	padding-right:10px;
}
.cssLabel{
	font: 12px Trebuchet MS;
	color:#000000;
	text-decoration: none;
	height: 15px;
	width: 15%;
	text-align:left;
	padding-right:5px;
}
.cssLabelGrid{
	font: 12px Trebuchet MS;
	color:#000000;
	text-decoration: none;
	text-align:right;
	
}
.cssparagraph{
	text-decoration: none;
	text-align:left;
	padding-right:5px;
	text-align:justify;
}
.cssRedText{
	color:#000000;
}
.cssChkBoxLabel{
	font:10pt Tahoma;
	color:#000000;
	text-align:left;
}
.cssGridHeader { /* GENERAL DEFINITION FOR TABLE HEAD*/
	font: bold 10pt Tahoma;
	color:#FFFFFF;
	text-decoration:none;
	padding: 3px;
	height:25px;
	background-color:#95A8C9;
	width:100%;
	text-align:center;
	
}
.cssGridHeader a{ 
	color:#FFFFFF;
}
.cssGridHeader a:hover{ 
	color:#FFFF00;
}
.cssGridAction{
	text-align:center;
	width:40px;
}

.cssGridItem{
	background-color:#FFFFFF;
	height:20px;
	border: 1px solid #ADCEE9;
	font: 10pt Tahoma;
}
.cssGridAlternateItem{
background-color:#F3F8FC;
	height:20px;
	border: 1px solid #ADCEE9;
	font: 10pt Tahoma;
}



.bold {
	font-size: 11px;
	COLOR: #073A69; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold;
	text-align:left; 
}

.boldblack	{
font-style:normal;
text-align:left;
}




.img	{
border:1px solid #073A69;
padding:2px;
margin: 2px;
}

.quoteblack {
	font-size: 13px; 
	COLOR: #000000; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold; 
}



.producttitle {
	FONT-WEIGHT: bold; 
	font-size: 11px; 
	COLOR: #999999; 
	LINE-HEIGHT: 13pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
}

.productrest {
	FONT-WEIGHT: bold; 
	font-size: 11px; 
	COLOR: #000000; 
	LINE-HEIGHT: 13pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
}


.footer {
	font-size: 12px; 
	COLOR: #0074F4; 
	font-family: "Lucida Sans Unicode", Verdana, Arial ; 
	font-weight:normal; 
	line-height:16px; 
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px; 
	text-align:center; 
	
}
.ftr
{
	
	font-size: 12px; 
	COLOR: #000; 
	font-family: "Lucida Sans Unicode", Verdana, Arial ; 
	font-weight:normal; }
.ftr a{font-size: 12px; 
	COLOR: #0074F4; 
	font-family: "Lucida Sans Unicode", Verdana, Arial ; 
	font-weight:normal; }
.ftr a:hover{font-size: 12px; 
	COLOR: #00ffff; 
	font-family: "Lucida Sans Unicode", Verdana, Arial ; 
	font-weight:normal; }

.clearfix:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.ul	{ 
text-align:justify;
}
.tbl	{
font-weight:normal;
font-size:11px;
}
#split	{ 
border: 1px solid #CCCCCC;
clear:both;
}


#masthead			{ 
width: 920px; 
height: 150px; 
background-position: center; 
background-color:#FFFFFF;
background-image:url(/saidonne/images//masthead.jpg);
}

#masthead2			{ 
width: 920px; 
height: 150px; 
background-position: center; 
background-color:#FFFFFF;
background-image:url(/saidonne/images//masthead2.jpg);
}

#mastheadlwr	{
width:920px;
height:1em;
background-color:#093E6A;
border-top: 1px solid #B2C4D0; 
}

#menuHolder		{ width: 100%; background-color: #fff; border-top: 1px solid #FFFFCC; border-bottom: 1px solid #FFFFCC; color:#000000;  height: auto;  }
#menuHolder ul		{ display: inline; margin: 0px 0px 0px 0px; line-height: 200%; }
#menuHolder ul li	{ display: inline; list-style-type: none; margin: 5px 0px 20px 0px; }
#menuHolder a		{ color: #000000; font-weight: normal; text-decoration: none; text-transform: uppercase; padding: 4px 8px 4px 8px; margin-top: 10px; margin-bottom: 40px; }
#menuHolder a:hover	{ text-decoration: none;}
#menuHolder a:hover.this	{ }
#menuHolder a.this	{ background-color: #656262; color:#FFFFFF; }

#menuBottomTop{ width: 100%; height: 15px; background-color: #000000; border-top: 1px solid #B2C4D0; }

#menuBottom	{
width: 920px; 
height: 1em; 
background-color:#093E6A; 
clear:both;
margin-top:50px;
}
#menuBottom ul		{ 
display: inline; 
margin: 0px 0px 0px 50px; 
line-height: 200%; 
}
#menuBottom ul li	{ 
display: inline; 
list-style-type: none; 
margin: 5px 0px 20px 0px; 
}
#menuBottom a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none;
padding: 4px 8px 4px 8px; 
margin-top: 10px; 
margin-bottom: 40px; 
}
#menuBottom a:hover	{ 
text-decoration: underline;
}
#menuBottom a:hover.this	{ }

#menuBottom a.this	{ 
background-color: #B2C4D0; 
}

#content			{
float:right; 
width:700px;
padding: 0px; 
background-color:#FFFFFF; 
color: #000000; 
margin-top: 10px;  
line-height: 150%;
}
.cssLabelModel
{
	
	font:12px verdana;
	font-weight:bold;
	color:#000000;
	line-height:30px;
	text-align:left;
	text-decoration: none;
	padding-left:3px;
}
#contentHome		{ width: 740px; padding: 10px 5px 5px 10px; color: #666666; min-height: 560px; line-height: 160%; }


#contentLeft		{ width: 200px; float: left; }
#contentMiddle		{ margin: 2px ;width: 560px;float:right; }
#contentRight		{ width: 200px; float: right; margin-top:2px 5px 0 0; }
#contentCopyright	{ margin: 2px auto 0 auto; text-align:center;}

#content a			{ color: #AC2327; }
#content a:visited 	{ color: #AC2327; }
#content a:hover	{ color: #511113; }

#contentHome a			{ color: #AC2327; }
#contentHome a:visited 	{ color: #AC2327; }
#contentHome a:hover	{ color: #511113; }

#FooterHolder			{ 
width:auto; 
background-color: #B2C4D0; 
border-top: 1px solid #052C46;
}

#FooterHolder ul		{ 
display: inline; 
margin: 0px 0px 0px 0px; 
line-height: 200%; 
}

#FooterHolder ul li	{ 
display: inline; 
list-style-type: none; 
margin: 5px 0px 20px 0px; 
}

#FooterHolder a		{ 
color: #000000;
text-decoration:underline; 
text-decoration: none; 
padding: 4px 8px 4px 8px; 
margin-top: 10px; 
margin-bottom: 40px;
}

#FooterHolder a:hover	{ 
text-decoration: underline;
color:#093e6a;
}

#homeText			{ 
padding-top: 1px; 
padding-bottom:1px;
padding-left:3px;
padding-right:3px; 
width: 700px; 
}

#homeTextHeader			{ 
padding-top: 1px; 
padding-bottom:1px;
padding-left:3px;
padding-right:3px; 
width: 700px; 
font-weight:bold; 
font-size:12px; 
text-align:center; 
}

#homeTextHeaderSub			{ 
padding-top: 1px; 
padding-bottom:1px;
padding-left:1px;
padding-right:3px; 
width: 700px; 
font-weight:bold; 
font-size:12px;
}

#wrapper 			{ 
width: 920px; 
margin: 0px auto; 
text-align: justify; 
border: 1px solid #093E6A; 
background-color: #fdfdfd;
margin-bottom: 0px;

}


#datacontainer	{
color:#FFFFFF;
background-color:#093E6A;
}


#clear	{ 
clear:both ;
}


fieldset.parentBorder{
	border:1px solid #ADCEE9;
	width:30%;
}




#txttopr	{
margin-top:97px;
margin-right:2px; 
float:right;
color:#B2C4D0; 
font-size:11px;
text-transform:capitalize;
background-color:#093E6A;
padding:2px; 
}

#txttopr a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none;
 }
 
#txttopr a:hover	{ 
text-decoration: underline;
}

#tbl tr.ruled {
  background:#CCCCCC;
}


/* --------------------- Menu ------------------------ */

#block{
width: 197px;
padding: 0 0 1em 0;
margin-top:-12px;
margin-bottom:5px;
font-family: "Lucida Sans Unicode", Verdana, Arial ;
font-size: 100%;
text-transform: capitalize;
background-color: #093E6A;
color: #FFFFFF;
}
html* #block{
width: 197px;
margin-top:0px;
_margin-top:0px;
position:relative;
float:left;
padding: 0 0 1em 0;
margin-bottom:5px;
font-family: "Lucida Sans Unicode", Verdana, Arial ;
font-size: 100%;
text-transform: capitalize;
background-color: #093E6A;
color: #FFFFFF;
}
.cssLabelQuotation
{
	font: 9pt Tahoma;
	font-weight:bold;
	color:#003366;
	line-height:25px;
	height: 13px;
	width: 25%;
	text-align:right;
	padding-right:4px;
}
.cssTextBox{
	font: 10pt Tahoma;
	color:#000000;
	text-decoration: none;
	text-align: left;
	padding-left:2px;
	padding-right:2px;
	border:1px solid #7F9DB9;
	
}
.cssDropDownList{
	font: 8pt Tahoma;
	color:#000000;
	text-decoration: none;
	height: 20px;
	border:1px solid #7F9DB9;
	text-transform:capitalize ;
}
.Btn
	{
	background-color:#093E6A;
	color:#fff;
	border:#ccc 1px solid;
	cursor:pointer;
}
#blockTemp{
width: 190px;
padding: 0 0 1em 0;
margin-bottom: 0;
font-family: "Lucida Sans Unicode", Verdana, Arial ;
font-size: 100%;
text-transform: capitalize;
background-color: #093E6A;
color: #FFFFFF;
}

* html #block{ /*IE 6 only */
width: 190px; /*Box model bug: 180px minus all left and right paddings for #block */
}

/*Form csss start-------------------------*/
div .cmxform {
	 padding:10px; width:450px; float:left; border:#ccc 1px solid; background-color:#f7f6ee;
}

div.cmxform label {
	display:block; font-size:12px; color:#333333;width:400px;
}
div.cmxform p 
	{
	padding:0px 0px 30px 0px;text-align:left;border-bottom:1px solid #e6e3d1; 
	}
div.cmxform p label span
	{
	width:150px; float:left; font-weight:bold; text-align:left; padding-left:20px;
	}
	
#nav{
width: 197px;
padding: 0 0 1em 0;
margin-bottom:5px;
font-family: "Lucida Sans Unicode", Verdana, Arial ;
font-size: 100%;
text-transform: capitalize;
background-color: #093E6A;
color: #FFFFFF;
}
html* #nav{
width: 197px;
padding: 0 0 1em 0;
margin-bottom:5px;
font-family: "Lucida Sans Unicode", Verdana, Arial ;
font-size: 100%;

margin-left:0px;
text-transform: capitalize;
background-color: #093E6A;
color: #FFFFFF;
}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}


* html #nav{ /*IE 6 only */
width: 200px; /*Box model bug: 180px minus all left and right paddings for #block */
}
#nav li {
border-bottom: 1px solid #B2C4D0;
margin: 0;
}
#nav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
border-bottom: 1px solid #B2C4D0;
margin: 0;
}

#nav li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #B2C4D0;
border-right: 10px solid #B2C4D0;
border-bottom:1px solid #B2C4D0;
background-color: #093E6A;
color: #FFFFFF;
text-decoration: none;
width: 100%;
}

html>body #nav li a{ /*Non IE6 width*/
width: auto;
}
#nav li a:hover
{
position:relative;
padding: 5px 5px 5px 3px;
list-style:none;
z-index:300;
background-color: #B2C4D0;
color: #093E6A;
text-decoration: none;
}
#nav li:hover
{
position:relative;
list-style:none;
z-index:300;
border-left: 5px solid #093E6A;
border-right: 5px solid #093E6A;
background-color: #B2C4D0;
color: #093E6A;
text-decoration: none;
}

#nav ul {position:absolute; left:-9999px; top:-9999px; width:190px; white-space:nowrap}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color: #ffffff;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-10px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color: #ffffff;}


/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#ffffff;}
#nav1, 
#nav1 ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#cea #9b7 #8a6 #deb; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}

#nav1 li li {background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav1 li {float:left;}

#nav1 li a {display:block; color:#888; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}

#nav1 li:hover {position:relative; z-index:300;}

#nav1 ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav1, * html nav1 ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav1 li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav1 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav1 li:hover > a {text-decoration:underline; color:#7b5;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav1 li:hover ul,
#nav1 li:hover li:hover ul,
#nav1 li:hover li:hover li:hover ul,
#nav1 li:hover li:hover li:hover li:hover ul,
#nav1 li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav1 li:hover ul ul,
#nav1 li:hover li:hover ul ul,
#nav1 li:hover li:hover li:hover ul ul,
#nav1 li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav1 li:hover a,
#nav1 li:hover li:hover a,
#nav1 li:hover li:hover li:hover a,
#nav1 li:hover li:hover li:hover li:hover a,
#nav1 li:hover li:hover li:hover li:hover li:hover a,
#nav1 li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#7b5;}

/* hide futher possible paths */
#nav1 li:hover li a,
#nav1 li:hover li:hover li a,
#nav1 li:hover li:hover li:hover li a,
#nav1 li:hover li:hover li:hover li:hover li a,
#nav1 li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}



