/* ***************** */
/* *** STRUCTURE *** */
/* ***************** */

/* vertical design */
#logo {
    width: 293px;                                                   
    height: 52px;  
	background-color: #ffffff;  									
	 border-bottom:25px solid #336699;                                     
}

img#logo_left {
	width: 293px;
	height:52px;
}
#navigationblock {
    top: 97px;
	color:#E1FF9F;                                                     
}
#navigationblock a{
	color:#E1FF9F;                                                     
}
#header {
    margin: 0px 175px 0px 281px;                                    
    background-color: #ffffff;                                    
    background-image: url(../images/header1.jpg);    
	background-position:right;
	height: 52px;
	border-bottom:25px solid #336699;
}

body {
    background-image: url(../images/bg_left.gif);     
}

.popup {
	background-image:none;
}

#endorsement {
    background-color: #ffffff;                                              
    /* background-image: url(../../common/images/logo_products_white.gif);     */
	height: 52px;
	border-bottom:25px solid #336699;
}

#extra {
    color: #888888;                                                   
}

#search {
top: 75px;
text-align:right;
}

#language {
    background-color: #336699;
	}



/* ************** */
/* *** DESIGN *** */
/* ************** */


div, p, th, td, li, dd, dl, dt {
	color:#333333;
}

#extra div, #extra p, #extra th, #extra td, #extra li, #extra dd, #extra dl, #extra dt {
	color:#676767;
}

h1 {
	color: #B4D65D;	
	}
	
h2 {	
	color: #ABC36B;	
	font-size: 18px;
	}

h3 {
	color: #999977;	
	font-size: 16px;	
}

h4 {	
	color: #666666;	
	font-size: 14px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #a14402;	
	margin:8px 0px 3px 0px;
}
#extra h4 {
	color: #666666;	
	}

ul li {
	list-style-image:url(../images/bullet_yellow.gif);	
}

a {	color:#709706; text-decoration:underline; }
a:link { color:#709706; text-decoration:underline; }
a:hover { color:#888888; text-decoration:underline; }

a.navigation:link, a.navigation:visited {
	color: #E1FF9F;
	text-decoration: none;
} 
a.navigation:hover {
	color: #ffffff;
	text-decoration: none;
}

.menuActive {                               
    font-weight: bold;
}

a.underNav 			{color: #676767;font-size: 9px;}
a.underNav:link 	{color: #676767;font-size: 9px;}
a.underNav:active 	{color: #676767;font-size: 9px;}
a.underNav:visited 	{color: #676767;font-size: 9px;}
a.underNav:hover 	{color: #676767;font-size: 9px;}


/* -------------
     blocks
---------------*/

/* data table */

.dataTable {
	border-left:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
}
.dataTable td, th {
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;	
	color:#666666;
}	

.dataTable thead th {
	border-bottom:6px solid #B4DB40;
	border-right:1px solid #666666;
	background-color:#666666;
	color:#ffffff;
}
.dataTable th {
	background-color:#EAF5CB;
}

/* image/text */
.imageText table {
	margin-top:0px;	
	}
.imageText .border {
	border:1px solid #B0DC3D;
}	
.imageText td {
	border:0;
	text-align:right;
	}
.imageText .iconDpi {
	background-image:url(../images/icon_dpi_green.gif);	
	}
.imageText .iconZoom {
	background-image:url(../images/icon_zoom_green.gif);
	}	
#extra .imageText .iconDpi {
	background-image:url(../images/icon_dpi_green.gif);	
	
	}
#extra .imageText .iconZoom {
	background-image:url(../images/icon_zoom_green.gif);
	}	

/* Special Title (news - hightlights) */

.specialTitle .square {
	background-color:#B0DC3D;
}
.specialTitle {
	color: #999999;	
	}
	
/* ------------
  Right columns
---------------*/
hr {
	color: #B0DC3D;
	height: 1px;
	border:0;
}
#extra hr {
	color: #ffffff;	
	height: 1px;
	border-bottom: dotted 1px #B0DC3D;
   
}
#extra #hr {
	color: #ffffff;
	height: 1px;
	border-bottom: dotted 1px #B0DC3D;	
}


/* list */
#extra ul li {
	list-style-image:url(../images/bullet_yellow.gif);	
}
	
/* image */
#extra .imageText .border {
	border:1px solid #B0DC3D;
}

#content{margin-top:0px !important; padding:0px !important}
#contenttable{padding-top:0px !important}

/* ====
 * = Navigation Styling
 * ===================== */

/* == PARAM1: width of the naviagtion, default:136px == */
#navigationblock{width:136px}

/* == PARAM2: color of the border between the level1 navigation-elements, default:#fff(white) == */
.navlayer a{width:135px; border-bottom: solid 1px #fff; margin:0; padding:2px 3px 2px 20px; display:block; text-decoration:none; overflow:hidden}

/* -- level 0 -- */
/* == PARAM3:background-color for the navigation-title (eg: "Stanyl Home"), default:transparent == */
/* == PARAM4:color for the navigation-title (eg: "Stanyl Home"), default:same color as level1-titles == */
.level0 a{background-color:transparent; color:#E1FF9F !important; font-weight:bold; text-decoration:none}

/* -- level 1 -- */
/* == PARAM5: background-color of the level1 titles (eq: "Innovation"), default:transparent == */
/* == PARAM6: color of the level1 titles (eq: "Innovation") == */
/* == PARAM7: color of the right border on the level1-elements, this is most likely the color of your background and NOT transparent == */
/* == PARAM8: background-color when you hover over a level1 title, default:#fff(white) == */
/* == PARAM9: color of the right border on the level1-elements that are hovered, this is most likely the same color as the background-
              color of the level1-elements being hovered(white) == */
.level1 a{background-color:transparent; color:#E1FF9F !important; border-right:1px solid #5BAF4D;}
.level1 a:hover{background-color:#fff; color:#666 !important; font-weight:bold; border-right:1px solid #fff;}
.has-child1 a{background: transparent url(../images/arrowlevel1.gif) no-repeat 0em 0.5em}

/* -- level 2 -- */
/* == PARAM10: background-color of the level2 titles (eq: "Product news"), default:#fff(white) == */
/* == PARAM11: color of the level2 titles (eq: "Product news"), default:#666(dark-gray) == */
/* == PARAM12: color of the right border on the level2-elements, this is most likely the same color as the background-
               color of the level2-elements(white) == */
/* == PARAM13: color of the border between the level2 navigation-elements, default:#eee(light-gray) == */
/* == PARAM14: background-color when you hover over a level2 title, default:#eee(light-gray) == */
/* == PARAM15: color of the right border on the level2-elements that are hovered, this is most likely the same color as the background-
               color of the level2-elements being hovered(white) == */
.level2 a{background-color:#fff; color:#666 !important; border-bottom: solid 1px #eee;border-right:1px solid #fff;}
.level2 a:hover{background-color:#eee; color:#333 !important; border-right:1px solid #eee;}
.has-child2 a{background-color:#fff}

.has-child1-expanded a{background-image:url(../images/arrowlevel1down.gif)}

/* -- User terms and privacy statement -- */
/* == PARAM16: color of the user terms and privacy statement, default same as level1-titles == */
#en1 table tr td a{color:#E1FF9F !important;font-size:90% !important;}