@charset "UTF-8";
@import url('form_styles.css');

table {
	font-size: 13px;
}
body {
	color: #000;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 899px;
	min-height: 700px;
	margin: 0px auto;
	padding: 0 0 100px 0;
}
.page {
	position: relative;
	width: 899px;
}

header { height: 141px; }
header a.logo { display: block; position: absolute; width: 499px; height: 93px; top: 15px; left: 0px; background-image: url(/images/header_logo.jpg);  background-position: 0px 0px; background-repeat: no-repeat; }

header a.logo_german { display: block; position: absolute; width: 526px; height: 93px; top: 15px; left: 0px; background-image: url(/images/header_logo_german.jpg);  background-position: 0px 0px; background-repeat: no-repeat; }

header a.flag_en { display: block; position: absolute; width: 58px; height: 41px; top: 5px; right: 0px; background-image: url(/images/flag_en.jpg);  background-position: 0px 0px; background-repeat: no-repeat; }
header a.flag_cn { display: block; position: absolute; width: 58px; height: 41px; top: 5px; right: 0px; background-image: url(/images/flag_cn.jpg);  background-position: 0px 0px; background-repeat: no-repeat; }
header a.flag_de { display: block; position: absolute; width: 58px; height: 41px; top: 5px; right: 68px; background-image: url(/images/flag_de.jpg);  background-position: 0px 0px; background-repeat: no-repeat; }
header a.flag_en_de { display: block; position: absolute; width: 58px; height: 41px; top: 5px; right: 68px; background-image: url(/images/flag_en.jpg);  background-position: 0px 0px; background-repeat: no-repeat; }


header a.flag_text_cn { display: block; position: absolute; top: 44px; right: 10px; }

header a.mailto { float: right; color: #116426; font-size: 17px; font-weight: bold; position: absolute; top: 70px; right: 0px;}
header form {
	position: absolute;
	top: 67px;
	right: 150px;
}
header form.german {
	right: 115px;
}

p { margin: 0 0 1.2em 0; }
a { color: #116426; text-decoration: none; }
a:hover { opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ }
/* gray #616366 */
h1 { color: #116426; font-size: 1.7em; }
h2 { color: #116426; font-size: 15px; }
h2.paragraph {
	color: #616366;
	line-height: 1.4;
	font-weight: normal;
}
h3 { color: #116426; font-size: 14px; }
h4 { color: #116426; font-size: 1em; margin: 0; } /* News title, Literature title */
h5 { color: #116426; font-size: 1em; font-weight: normal; font-style: italic; margin: 0; } /* date on news page */

sup {
	font-size: 0.83em;
	vertical-align: super;
	line-height: 0;
}
a.more {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	margin-left: 10px;
}

nav {	
	display: block;
	position: absolute;
	width: 100%;
}
nav.primary {
	top: 132px;
	height: 70px;
	background-image: url(/images/shadow.jpg);  
	background-position: center bottom; 
	background-repeat: no-repeat;
}
nav.secondary {	
	top: 210px;
}

.shadow {
	float: left;
	background-image: url(/images/shadow.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 15px;
	height: 24px;
	width: 100%;
}
.margin {
	float: left;
	width: 820px;
	margin: 0 40px 0 39px;
	
}
.center {
	text-align: center;
}

.l { margin-top: 50px; }
.lxx { margin-top: 70px; }
.lxxx { margin-top: 80px; }
.c { margin-top: 100px; }
.cxx { margin-top: 120px; }

/* Index */
.index_content {
	background-image: url(/images/index_graphic_title.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
	height: 325px;
}
.index_content_german {
	background-image: url(/images/index_graphic_title_german.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
	height: 325px;
}
.index_links {
	margin: 0 auto;
    width: 75%;
    overflow: hidden;
	height: 560px;/*160*/
}
.index_links div {
	background-position: top center; 
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;
	height: 160px;
	width: 25%;
}
.index_links div img {
	display: inline-block;
	height: 75px;
	width: 75px;
	margin-bottom: 10px;
	border: 0;
}
.index_links div h1 {
	margin: 0;
}
.index_links div h2 {
	margin: 0;
	color: #616366;
	font-weight: normal;
}
/* END INDEX */

/* Datasheets */
.datasheets_links {
	background-color: #EBEDEC;
	float: left;
	margin: 0 auto;
    width: 100%;	
}
.datasheets_links div {
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;
	width: 25%;
}
.index_links div img {
	margin-bottom: 20px;
}
.datasheets_links div h2 {
	margin: 0;
}
.datasheets_links div h3 {
	margin-top: 15px;
	font-weight: normal;
	font-style: italic;
}
.datasheets_links div a {
	display: block;	
}
.datasheets_links div a span {
	color: #616366;	
}
/* END Datasheets */

/* Products Families */
.family {
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	text-align: left;
	padding-left: 200px;
	margin-bottom: 20px;
	min-height: 180px;
	width: 620px;
}
.family h1 {
	margin-bottom: 0;
}
.family h2 {
	margin: 0;
}
.christo-lube-family {
	background-image: url(/images/product-families/christo-lube_family.jpg);
}
.evolube-family {
	background-image: url(/images/product-families/evolube_family.jpg);
}
.friction-fighter-family {
	background-image: url(/images/product-families/friction_fighter_familiy.jpg);
}
.rheogel-family {
	background-image: url(/images/product-families/rheogel_familiy.jpg);
}
.tribogel-family {
	background-image: url(/images/product-families/tribogel_family.jpg);
}
.ultrasil-family {
	background-image: url(/images/product-families/ultrasil_family.jpg);
}
.viscotech-family {
	background-image: url(/images/product-families/viscotech_family.jpg);
}
.datasheets-display {
	background-color: #ccc;
	float: left;
	text-align: left;
	width: 800px;
	margin-top: 20px;
	padding: 10px;
}
/* END Products Families */

/* Products */
.products_links {
	float: left;
	margin: 0 auto;
    width: 100%;
}
.products_links div {
	/*background-color: #ccc;
	border-right: 1px solid #000;*/
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;	
	width: 204px;
}
.products_links div img {
	margin-bottom: 20px;
}
.products_links div h1 {
	margin: 0;
	font-size: 19px;
}
/* END Products */


/* Products Child pages, including Automotive Child pages */


.product-child-left {
	float: left;
	text-align: left;
	width: 500px;
}
.product-child-left h1, h2 {
	margin-bottom: 0;
}
.product-child-right {
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	text-align: left;
	font-size: .9em;
	padding: 330px 0 0 160px;
	width: 160px;
	min-height: 500px;
}
.product-child-right h3 {
	margin: 0;
}
.product-child-right table tr td {
	padding-right: 15px;
	font-size: 13px;
}
.product-child-left p, .product-child-right p {
	color: #116426;
	font-style: italic;
}
.product-child-right p {
	margin: 0;
}
.three-across {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.three-across div {
	float: left;
	font-size:11px;
	padding: 0 5px 20px 0;
	width: 160px;
}
.cables-and-cockpits {
	background-image: url(/images/products/automotive/cables_cockpits_insert.jpg);
}
.doors-and-sunroofs {
	background-image: url(/images/products/automotive/doors_sunroofs_insert.jpg);
}
.powertrains-and-brakes {
	background-image: url(/images/products/automotive/powertrains_brakes_insert.jpg);
}
.seating {
	background-image: url(/images/products/automotive/seating_insert.jpg);
}
.steering-systems {
	background-image: url(/images/products/automotive/steering_systems_insert.jpg);
}
.christo-lube {
	background-image: url(/images/products/automotive/christolube_insert.jpg);
}
.aviation-aerospace {
	background-image: url(/images/products/aviation_insert.jpg);
}
.semiconductor {
	background-image: url(/images/products/semiconductor_insert.jpg);
}
.specialty-valves {
	background-image: url(/images/products/specialty_insert.jpg);
}
.supercorra {
	background-image: url(/images/products/supercorra_insert.jpg);
	padding-top: 345px;
}
/* END Products Child pages, including Automotive Child pages */

/* Automotive */
.automotive_links {
	float: left;
	margin: 0 auto;
	width: 100%;
}
/* AAA */
.automotive_links div {
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;
	width: 33.333%;
}
.automotive_links div img {
	margin-bottom: 20px;
	height: 122px;
	width: 131px;
}
.automotive_links div h2 {
	margin: 0;
}
.automotive_links div table {
	margin: 0 auto;
	width: 200px;
}
.automotive_links div table tr td {
	font-size: 13px;
	text-align: center;
	width: 100px;
}
/* END Automotive */

/* Resources */
.resources_links {
	float: left;
	margin: 0 auto;
    width: 100%;
}
.resources_links div {
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;
	width: 20%;
}
.resources_links div img {
	margin-bottom: 0px;
	height: 108px;
	width: 144px;
}
.resources_links div h2 {
	margin: 5px 0 5px 0;
}

.seminar_link {
	background-position: left top; 
	background-repeat: no-repeat;
	padding-left: 100px;
	min-height: 75px;
}
.seminar_link h2 {
	margin: 10px 0 0 0;
}

.formulation {
	background-image: url(/images/resources-for-engineers/formulation_header.jpg);
	background-position: left top; 
	background-repeat: no-repeat;
	padding-top: 140px;
}
.seminars {
	background-image: url(/images/resources-for-engineers/seminars_header.jpg);
	background-position: left top; 
	background-repeat: no-repeat;
	padding-top: 140px;
}


.engineering {
	background-image: url(/images/resources-for-engineers/engineering.jpg);
}
.lubrication-and-tribology-seminars {
	background-image: url(/images/resources-for-engineers/seminars.jpg);
}
.product-formulation-and-testing{
	background-image: url(/images/resources-for-engineers/formulation-testing.jpg);
}

table.r-and-d {
	float: right;
	color: #116426;
	margin: 20px 0 0 20px;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
    border-collapse: collapse;
	padding: 0;
	width: 360px;
}
table.r-and-d td {
    background: #fff;/*background-color: #FFC;*/
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #616366;
    padding: 2px 10px 4px 10px;
}
table.r-and-d td.heading {
	background-color: #116426;
	color: #fff;
	padding: 4px 10px;
}
table.r-and-d tr.even td {
	background:#ffc;/*eee*/
}
table.r-and-d th, table.r-and-d th h3 {
	margin-top: 0;
	padding-top: 0;
}

/* END Resources */

/* Profile */
.profile_links {
	/*float: left;*/
	/*margin: 0 auto;*/
	width: 100%;
	text-align: center;
}
.profile_links div {
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;	
	width: 14.29%;/*16.6*/
}




.profile_links div img {
	margin-bottom: 20px;
}
.profile_links div h2 {
	margin: 0;
}
/* END Profile */

/* Our Customers */
.customers {	
	background-image: url(/images/world_map.jpg);  
	background-position: top center; 
	background-repeat: no-repeat;
	float: left;
	min-height: 350px;
	width: 100%;
}
.global {
	float: left;
	width: 100%;
}
.global a {
	display: block;
}
.global div {
	float: left;
	width: 25%;
}
/* END Our Customer */


/* Our Team */
.team {
	/*background-image: url(/images/team_header.jpg);
	background-position: left top; 
	background-repeat: no-repeat;
	padding-top: 140px;*/
}
.our-team {
	float: left;
	width: 100%;
}
.our-team div {
	float: left;
	width: 33%;
	text-align: center;
}
.our-team div h2 {
	margin: 10px 0;
}
.our-team div p {
	margin-right: 20px;
	margin-left: 10px;
}
.our-team div.last p {
	margin-right: 0px;
}
.our-team div img {
	margin-bottom: 30px;	
}
.hidden-content { display: none; }




/* END Our Team */

/* About ECL */
.about {
	background-image: url(/images/sales_by_industry.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 390px;
	width: 430px;
}
.show-hide {	
	display: none; 
	float: left;
	margin-bottom: 20px;
	padding: 0;
}
/* END About ECL */



/* ECL News */
.news {
	background-image: url(/images/news_side.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 150px;
	width: 670px;
	min-height: 122px;
}
.news_german {
	background-image: url(/images/news_side_german.jpg);
}

section {
	float: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
/* END ECL News */



/* Literature */
.literature_links {
	float: left;
	margin: 0 auto;
    width: 100%;
}
.literature_links div {
	background-position: top center; 
	background-repeat: no-repeat;	
	float: left;
	text-align: center;
	margin-top: 20px;
	padding: 0 0 0 0;	
	width: 20%;
}
.literature_links div img {
	height: 180px;
	width: 150px;
}
.literature_links div img.landscape {
	width: 172px;
}
.literature_links div table {
	margin-left: 30px;
}
/* END Literature */



/* Complete Product Listing */
.complete_product_links {
	float: left;
	margin: 0 auto;
    width: 100%;
}
.complete_product_links div {
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-right: 41px;
	padding: 0 0 0 0;
	width: 30%;
}
.complete_product_links div.last {
	margin-right: 0px;
}
.complete_product_links div h2 {
	margin: 0;
}
.complete_product_links div table td.name {
	width: 150px;
}
.complete_product_links div table td.pds {
	text-align: center;
	padding: 0 5px;
}
.complete_product_links div table td.msds {
	text-align: center;
	padding: 0 5px;
}
/* END Complete Product Listing */



/* Product Family Listing */
.product_family_links {
}

.product_family_links table {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 13px;
}
.product_family_links table tr th {	
	color: #116426;
	text-align: left;
}
.product_family_links table tr td {
	vertical-align:text-top;
	text-align: left;
	padding: 3px 10px 5px 0;
}
.product_family_links table tr td.name {
	width: 200px;
	padding-bottom: 25px;
}
.product_family_links table tr td.temperature {
	width: 140px;
	padding-bottom: 25px;
}
.product_family_links table tr td.description {
	width: 440px;
	padding-right: 0;
	padding-bottom: 25px;
}
.product_family_links table tr td.description p {
	/*margin: 0;
	padding: 0;*/
}
/* END Product Family Listing */


/* Sample Request */
input.sample_request {
	border: none; background: #116426; padding: 6px 10px; font-weight: bold; color: #fff; text-align: center;
}



/* Product Search Listing */
.product_search_links {
	text-align: left;
	margin-top: 20px;
}
.product_search_links table {
	margin: 0;
	padding: 0;
}
.product_search_links table tr th {	
	color: #116426;
	text-align: left;
}
.product_search_links table tr td {
	vertical-align:text-top;
	text-align: left;
	padding: 3px 10px 5px 0;
}
.product_search_links table tr td.name {
	width: 150px;
}
.product_search_links table tr td.pds {
	width: 50px;
}
.product_search_links table tr td.msds {
	width: 50px;
}
.product_search_links table tr td.temperature {
	width: 110px;
}
.product_search_links table tr td.description {
	width: 420px;
	padding-right: 0;
}
/* END Product Search Listing */



/* White Search Box */
.white {
   height: 28px;
}
.white .search, header form .search {
	position: relative;
}
.white .search input[type="text"], header form .search input[type="text"] {
    background: #fcfcfc;
    border: 1px solid #d1d1d1;
    font: normal 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 170px;
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
}

.white .search_german input[type="text"], header form .search_german input[type="text"] {
    width: 220px;
}

.white .search a, header form .search a {
	margin: 0 0 0 20px;
}
.search button, header form .search button {
    background-color: transparent;
	background: url(/images/search-white.png) no-repeat 10px 6px;
	cursor: pointer;
	position: absolute;
    top: 0px;
    left: 165px;
    margin: 2px 9px 0 0;
	border: 0;
	width: 23px;
	height: 21px;
}

.search_german button, header form .search_german button {
	background: url(/images/search-white.png) no-repeat 10px 6px;
    top: 0px;
    left: 185px;
}


/* END White Search Box */

/* ORIG White Search Box 
#white {
   height: 28px;
}
#white #search {
}
#white #search input[type="text"] {
    background: url(/images/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: normal 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;	
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;	
    }

#white #search input[type="text"]:focus {
    width: 200px;
}
#white #search a {
margin: 0 0 0 40px;
}
*/
/* END ORIG White Search Box */

.green { color: #116426; }

table.gridtable {
	border-width: 1px;
	border-color: #000;
	border-collapse: collapse;
}
table.gridtable th {
	color; #116426;
	font-weight: bold;
	text-align: left;	
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #000;
}
table.gridtable td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #000;
	width: 50%;
	vertical-align: top;
}
th { color: #116426; font-weight: bold; }

.clear-fix { clear: both; line-height: 1px; }