/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.4;	
	margin-left: 28px;
	margin-right: 28px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
}

a:link, a:visited{
	color: #006699;
	text-decoration: none;
}
a:hover {
	color:#FF9900;
	text-decoration: underline;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 105%;
 color: #FF9900;
}

h2{
 font-size: 90%;
 color: #006699;
}

h3{
 font-size: 90%;
 color: #334d55;
 margin-top:5px;
}

h4{
 font-size: 90%;
 color: #334d55;
 margin-top:0px;
}				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.lang {
	text-align:right;
	padding-top:5px;
    font-size: 13px;
	width:65%;
	float:right;
    }
.lang a{
	text-decoration:underline;
    }
.lang a:hover{
    text-decoration:none;
    }
.logo{
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	width: 30%;
	height:60px;
	padding:0px;
}
#wraptop{
	margin:0px;
	margin:0px;
	width: 100%;
	height:65px;
}

#navBar{
	margin: 0;
	padding-top: 0px;
	float:left;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#wrap-2 {
	margin: 0;
	padding-top:0px;
	float:left;
	width:22%;
}
.navBar-2{
	margin-top:0px;
	padding-top: 10px;
	padding-left: 10px;
	float:left;
}

#content{
    float:right;
	width: 77%;
	margin: 0;
	padding: 0 1% 0 0;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}
#pageName2{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/
#menu {
color: #cccccc;
padding-left:4px;
padding-top:8px;
padding-right:0px;
padding-bottom:10px;
height: 20px;
width: 100%;
border-bottom: 1px solid #cccccc;
float:left;
    }
#menu ul {
    list-style-type: none;
	margin:0px;
    }
#menu ul li {
	display:block;
	float: left;
	list-style-type: none;
    }

#menu ul li a {
	color:#006699;
    text-decoration:none;
	font-size: 90%;
	padding: 0px 5px 0px 6px; 
	border-right: 1px solid #cccccc;
    }
#menu ul li a:hover {
    color:#FF9900;
    text-decoration:underline;
    }

/************* #breadCrumb styles *************/

.breadCrumb{
	font-size: 80%;
	padding: 12px 0px 10px 10px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px;
	margin-top:0px;
	margin-bottom:10px;
}

.story ul{
list-style:disc;
margin-left:20px;
margin-top:5px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	height:auto;
	font-size: 75%;
	color: #334d55;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
display: block;
}
#navBar ul {
list-style: square; 
margin: 0; 
padding-left:16px;
padding-bottom:0px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding-top:8px;
	padding-bottom:10px;
	padding-right: 10px;
	padding-left:10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 0px 0px 10px 0px;
}
.relatedLinks h3 a{
    color:#334d55;
	text-decoration:none;
}
.relatedLinks h3 a:hover{
    text-decoration:underline;
}


/* productframe */

.prodin {
    float:left; 
    font-size:80%;
	height:230px;
	text-align:left;
    color:#334d55;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #eee;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:0px;
}
.descrp {
    float:left; 
    font-size:80%;
	height:230px;
	width:260px;;
    border:1px solid #eee;
	margin-top:10px;
	margin-bottom:0px;	
	padding-top:0px;
	text-align:left;
	line-height:1.8;
}

.descrp ul{
    list-style:circle;
	margin-left:25px;
	margin-top:10px;

}
.descrp li{
	margin:0;
    padding:0;
}
.descrp-2 {
    float:left; 
    font-size:80%;
	height:auto;
	width:413px;
	text-align:left;
    color:#334d55;
	margin-left:40px;
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
    border-right:1px solid #eee;
    border-left:1px solid #eee;
    border-bottom:1px solid #eee;
}
.prod {
    float:left; 
    background:#eeeeee;
    color:#334d55;
    text-align:center;
	line-height:25px;
	height:25px;
	min-height:25px;
    height:auto;
    margin-top:23px;
    margin-left:23px;
	padding:5px;
	border:1px solid #cccccc;
}
.prod a{
    color:#006699;
	text-decoration:underline;
}
.prod a:hover{
    color:#006699;
	text-decoration:none;
}
.prod p {
    text-align:center;
}


.banner {
    float:left; 
    background:#eeeeee;
    color:#334d55;
    text-align:center;
	line-height:25px;
	height:25px;
	min-height:25px;
    height:auto;
	width:280px;
    margin-top:10px;
    margin-left:40px;
	padding:0px;
	border:1px solid #cccccc;
}
.banner a{
    color:#006699;
	text-decoration:underline;
}
.banner a:hover{
    color:#FF9900;;
	text-decoration:none;
}
.banner p {
    text-align:center;
}

.banner2 {
	font-family: Arial,sans-serif;
    float:left; 
    background:#eeeeee;
    color:#334d55;
    text-align:left;
	min-height:25px;
    height:auto;
	width:623px;
    margin-top:10px;
    margin-left:15px;
	padding:10px;
	border:1px solid #cccccc;
	line-height: 1.4;	
	font-size: 80%;
}
.banner2 a{
    color:#006699;
	text-decoration:none;
}
.banner2 a:hover{
    color:#FF9900;
	text-decoration:underline;
}
.banner2 p {
    text-align:left;
}

.banner3 {
    float:left; 
    background:#ffffff;
    color:#334d55;
    text-align:left;
	line-height:25px;
	height:25px;
	min-height:25px;
    height:auto;
	width:632px;
    margin-top:10px;
    margin-left:15px;
	padding-top:10px;
	padding-right:0px;
	padding-left:10px;
	padding-bottom:5px;
	border:1px solid #cccccc;
	line-height: 1.166;	
	font-size: 80%;
}
.banner3 a{
    color:#006699;
	text-decoration:underline;
}
.banner3 a:hover{
    color:#FF9900;;
	text-decoration:none;
}
.banner3 p {
    text-align:left;
}

.banner4 {
	font-family: Arial,sans-serif;
    float:left; 
    background:#ffffff;
    color:#334d55;
    text-align:left;
	line-height:25px;
	height:25px;
	min-height:25px;
    height:auto;
	width:632px;
    margin-top:10px;
    margin-left:15px;
	padding-top:0px;
	padding-right:0px;
	padding-left:10px;
	padding-bottom:5px;
	border:1px solid #cccccc;
	line-height: 1.166;	
	font-size: 80%;
}
.banner4 a{
    color:#006699;
	text-decoration:underline;
}
.banner4 a:hover{
    color:#FF9900;;
	text-decoration:none;
}
.banner4 p {
    text-align:left;
}

.links {
float:left;
width:180px;
border-right:1px solid #cccccc;
padding-top:10px;
padding-left:0px;
padding-right:10px;
height:auto;
margin-left:10px;
}
.links ul{
list-style:disc;
margin-left:20px;
}
.links li{
padding:0px;
}
.links2 {
float:left;
width:195px;
padding-top:10px;
padding-left:0px;
padding-right:10px;
height:auto;
margin-left:10px;
}

.links3 {
float:left;
width:auto;
padding-left:20px;
padding-top:10px;
padding-right:10px;
height:auto;
border-left:1px solid #cccccc;
margin-bottom:5px;
}
.links3 ul{
list-style:disc;
margin-left:20px;
}

.links4 {
float:left;
width:auto;
padding-top:10px;
padding-left:0px;
padding-right:0px;
height:auto;
margin-left:0px;
line-height:1.8;
margin-bottom:5px;
}

#leftcol {
width:auto;
text-align:right;
padding-right:0px;
}
#rightcol {
width:auto;
text-align:left;
padding-left:10px;
}
#upcol {
height:auto;
margin-bottom:3px;
padding-top:2px;
}
.images-b{
	height: auto;
	float: left;
	padding: 8px;
	width: 139px;
	margin-top:5px;
	text-align:center;
}

.images-b-1{
	height: auto;
	border:1px solid #cccccc;
	width: 139px;
}


.images-b-2{
	height: auto;
	text-align: center;
	padding-top: 10px;
	width: 139px;
}
.images-b-3{
	height: auto;
	text-align: center;
	padding-top: 10px;
	width: 139px;
}

.indextitre {
height:12px;
}

.table {
border-bottom: 1px solid #EEE;
}
.table h2{
 font-size: 90%;
 color: #006699;
}