html { font-size: 16px; }
body {  
  background: white url(../styles/en/bg_body.gif) top left repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size: 62.5%; 
  line-height: 1.8em;
}

/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/

h1 { font-size: 1.6em; font-weight: bold; color: #008DD2; padding: 12px 0px 18px 0px; }
h2 { font-size: 2.0em; font-weight: normal; color: #0F98FF; padding: 14px 0px 14px 0px; font-family: "arial narrow", Arial, Helvetica, sans-serif; }
h3 { font-size: 1.1em; font-weight: bold; color: #008DD2; padding: 6px 0px 8px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: #008DD2; padding: 6px 0px 8px 0px; } 
h5 {}
h6 {}
p {
  padding-bottom: 8px;
}
ul {margin-bottom: 8px; }
li { padding-bottom: 4px; padding-left: 18px;  }
ul li { background: transparent url(../images/page_bullet.gif) 4px 2px no-repeat; }
a { color: #00518a; }
a:hover { color: #667f99; }
blockquote { padding-left: 18px; padding-bottom: 6px;}
strong { font-weight: bold; }
img { padding: 0; margin: 0; }

/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/
.hidden { visibility: hidden; }
.introduction { font-weight: bold; }
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }
.jumptocontent { display: none; }
.contentanchor { display: none; }
.error { padding: 6px 12px; background-color: #fee; border: 1px solid #d99; margin-bottom: 12px; }

.breadcrumbs { margin: 8px 0 0px 0; font-size: 0.9em; }

.btn-back { background: white url(../styles/en/back_button.jpg) top left no-repeat; display: block; height: 30px; width: 80px; text-decoration: none; }


/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/

#page { background: transparent; color: black; width: 994px;  margin: 0px auto 0px auto; }

#banner { 
  clear: both; 
  overflow: hidden; height: 86px;
  border-bottom: 3px solid #0081FF;  
  position: relative;
}
#banner h1 { margin: 0; padding: 0; background: transparent; }

#main-content { clear: both; font-size: 1.2em; padding-top: 12px; padding-bottom: 1px;}

#side-nav { float: left; width: 184px; padding: 0 0 12px 0; margin: 0;}

#alt-nav { float: right; width: 185px; text-align: right; padding-bottom: 12px; }
#alt-nav a { outline: none; }
  
#content { margin-left: 185px; padding: 0 0 32px 0; z-index: 0; padding-right: 8px; }
.home #content { margin-left: 185px; margin-right: 185px; padding-right: 0; }

#inner-content {
  padding: 0px 16px 12px 16px;z-index: 0;
}


#fancybox-title-over {  } 
#fancybox-title-over a { margin: 2px; }
#fancybox-title-over img { width: 24px; height: 24px; }


/*
---------------------------------------------------------
ADDITIONAL STYLES
---------------------------------------------------------
*/

#languageselector {
  list-style: none; padding: 0 0 0 12px; margin: 0;
  position: absolute; 
  top: 0;
  right: 0px;
  width: 137px;
  overflow: auto; 
  padding-bottom: 10px;
  background: transparent url(../styles/en/bg_languageselector.gif) top left no-repeat;  
}
#languageselector li {
  padding: 12px 0 0 0; margin: 0; list-style: none;
  float: left;
  height: 41px;
  width: 36px;
  margin-right: 6px;
  background: none;
}
#languageselector li img { width: 36px; height: 20px; background-color: #ddd } 


#topnav {
  position: absolute;
  top: 60px;
  right: 6px;
  width: 400px;
  height: 20px;
  font-size: 1.3em;
  color: #0081FF;
  text-align: right;
  padding: 0; margin: 0;
}
#topnav a {
  text-decoration: none;
  color: black;
  padding: 0 6px;
}


#content-top-image { width: 800px; height: 215px;z-index: 1;  }
.home #content-top-image { width: 615px; }


/*
---------------------------------------------------------
GALLERY STYLES
---------------------------------------------------------
*/

.gallery, .gallery li, .gallery a, .gallery img,  .gallery span { padding: 0; margin: 0; display: block; }
.gallery {}
.gallery a { text-decoration: none; }
.gallery li { width: 120px; height: 175px; padding: 7px 8px 8px 8px; margin: 12px; float: left; 
  background: #F1F3F2 url(../images/bg-gallery-frame.png) top left no-repeat; position: relative; }
.gallery li img { width: 120px; height: 155px; }
.gallery li span { margin-top: 7px; font-size: 0.9em; color: #7B7E83; }
.gallery li .btn-zoom { position: absolute; right: 7px; top: 170px; width: 16px; height: 17px; }
.gallery li .btn-zoom img { width: 16px; height: 17px; }



/*
---------------------------------------------------------
NAVIGATION STYLES
---------------------------------------------------------
*/



	#nav, #nav ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 150px;
	}
	
	#nav li {
		position : relative;
		float : left;
		margin-bottom : 0px;
		width: 150px;
		padding: 0 0 2px 0;
		background: white url(../styles/en/bg_nav_li.gif) bottom left repeat-x;
	}
	
	#nav li ul { 
		position : absolute;
		left: -999em;
		margin-left : 150px;
		margin-top : -34px;
		z-index: 100;
	}
	
  #nav li ul li {
	  width: 194px;  
	}	
	
	#nav li ul ul {
		left: -999em;
		margin-left : 194px;
		margin-top : -34px;
	}
	
	#nav li a {
		width: 126px;
		display : block;
		color : black;
		text-decoration : none;
		padding: 8px 0 8px 24px; 
		background: white url(../styles/en/bg_nav_li_a.gif) 6px 8px no-repeat;
	}
	#nav li ul li a {
		width: 170px;
		background-color: #b2d7fb;
  }	
	#nav li ul li ul li a {
		width: 170px;
		background-color: #C9E3FC;
  }	
	
	#nav li a:hover {
		background-color: #C9E3FC;
	}
	#nav li ul li ul li a:hover {
		background-color: #e3f0fd;
	}
	
	
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
		background-position: 0 0;

	}
	

#home-news { padding: 0; margin: 0; }
#home-news h3 { padding: 0; margin: 0; }
#home-news ol, #home-news ol li { padding: 0; margin: 0; list-style: none; }
#home-news ol { padding: 12px 8px 12px 8px; overflow: auto; height: 1%; }
#home-news ol li { width: 172px; float: left; border: 3px solid #eee; margin: 4px; padding: 3px 6px 6px 6px; }
#home-news ol li:hover { background: #f8f8f8; }
#home-news ol li h4, #home-news ol li p { padding: 0; margin: 0; }
#home-news ol li h4 { color: black; }
#home-news .news-image { display: block; width: 170px; height: 128px; margin: 2px 1px 6px 1px; background: #eee; }



#sub-news { padding: 0; margin: 0; }
#sub-news h3 { padding: 0; margin: 0; }
#sub-news ol, #sub-news ol li { padding: 0; margin: 0; list-style: none; }
#sub-news ol { padding: 12px 8px 12px 8px; overflow: auto; height: 1%; }
#sub-news ol li { width: 180px; float: left; border: 3px solid #eee; margin: 8px; padding: 3px 6px 6px 6px; height: 250px; overflow: hidden; }
#sub-news ol li:hover { background: #f8f8f8; }
#sub-news ol li h4, #home-news ol li p { padding: 0; margin: 0; }
#sub-news ol li h4 { color: black; }
#sub-news .news-image { display: block; width: 170px; height: 128px; margin: 6px auto 6px auto; background: #eee; }


#home-heritage-brands { clear: both; padding-top: 12px; text-align: center; }


#home-applications  { margin: 76px 0 0 0;  text-align: left;}
#home-applications h3 { padding: 0; margin: 0; }
#home-applications ul, #home-applications ul li, #home-applications ul li a { padding: 0; margin: 0; list-style: none;}
#home-applications ul { padding-bottom: 12px; width: 184px;}
#home-applications ul li {
  background: transparent url(../styles/en/bg_nav_li.gif) 0px 0px repeat-x;
  display: block;
  padding: 2px 0 0 0;
  margin-left: 1px;
}
#home-applications ul li ul { display: none; }
#home-applications ul li a {
  background: transparent url(../styles/en/bg_nav_li_a.gif) 6px 5px no-repeat;
  display: block; padding: 0 0 0 20px; margin: 0 0 0 0; width: 136px; height: 29px; line-height: 28px;
  color: black; font-weight: bold;
  text-decoration: none;
width: 163px
}
#home-applications ul li a:hover  { background-color: #C9E3FC; }




.results h4 { padding-top: 1px; }



#results h4 { background-color: #ddd; padding: 4px 6px; margin-bottom: 6px; }
#results li { padding: 0 0 12px 0; position: relative; }

#results li .sitebrands, #results li .sitebrands li { padding: 0; margin: 0; list-style: none; }
#results li .sitebrands { margin-left: 20px; font-size: 0.9em; overflow: auto; height: 1%; margin-bottom: 6px; }
#results li .sitebrands li { background-repeat: no-repeat; background-position: top left; height: 24px; line-height: 24px; margin-bottom: 8px; margin-left: 12px; padding-left: 30px; float: left; width: 25%; }

.brand_metzeler { background-image: url(../images/en/metzeler.jpg); }
.brand_axipack { background-image: url(../images/en/carolex.jpg); }
.brand_carolex { background-image: url(../images/en/carolex.jpg); }
.brand_esbjerg { background-image: url(../images/en/esbjerg.jpg); }
.brand_iroplast { background-image: url(../images/en/iro.jpg); }
.brand_cuggiono { background-image: url(../images/en/royalite.jpg); }
.brand_newbridge { background-image: url(../images/en/vts.jpg); }
.brand_gaillon { background-image: url(../images/en/vts_gaillon.jpg); }

.brochure { background: transparent url(../images/pdf.gif) 0px 1px no-repeat; padding-left: 24px; position: absolute; top: 3px; right: 6px; }
.brochure a { text-decoration: none; }
.brochure a:hover { text-decoration: underline; }
.brochure-unavailable {  padding-left: 24px; font-size: 0.9em; font-weight: normal; color: #777;  position: absolute; top: 4px; right: 6px; }

#searchform { clear: both; padding: 12px;}
#searchform div { clear: both; padding-top: 6px; height: 24px;}
#searchform label { display: block; width: 100px; float: left; }
#searchform select { display: block; float: left; }




#tabs {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #24618E;
}

#tabs ul {
	margin: 0;
	padding: 10px 10px 0 10px;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs a {
	float: left;
	background: url("../images/en/tableft.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

#tabs a span {
	float: left;
	display: block;
	background: url("../images/en/tabright.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #24618E;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float: none;}
/* End IE5-Mac hack */

#tabs a:hover span {
	color: #FFF;
}

#tabs a:hover {
	background-position: 0% -42px;
}

#tabs a:hover span {
	background-position: 100% -42px;
}


#tabs a span.selected {
	/*border-bottom: 4px solid rgb(255,140,0); /* dark orange */
	font-weight: bold;
	color: rgb(0,174,239);
}


#datasheet-results {
  clear: both; padding-top: 24px;
  border-top: 1px solid #24618E;

}


#sitemap li { margin-left: 25px; line-height:2em; background-position: 0px 4px; }


/*
---------------------------------------------------------
FORM STYLES
---------------------------------------------------------
*/

.logon-form { margin: 12px 24px 18px 24px; border: 1px solid #ccc; padding: 6px 12px 12px 12px;  }



/*
---------------------------------------------------------
TABLE STYLES
---------------------------------------------------------
*/

table {
	border-collapse: separate;
	border-spacing: 2px;
}
table td, table th { padding: 2px 4px; }
table tr { vertical-align: top; }

/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/

#additional-info {
  clear: both;
  background: url(../styles/en/bg_additionalinfo.gif) repeat-x;
  font-size: 1.1em;
}

#additional-info p { padding: 24px 0 0 0; margin: 0;}
#additional-info p.right { float: right; text-align: right; }