/* About Us | Innovation page CSS*/




/*1. General Settings*/

	/*new page frame with my fix*/
	#main_layer {
	    padding: 16px 14px 16px 15px;
	    margin: 9px 17px 0 17px;
	    background-color: #fff;
	    box-sizing: border-box;
	    box-shadow: 0 0 6px 0 #c5c5c5;
	    border-radius: 1px;
	}

	#main_layer, .no-multiplebgs #main_layer {
	  padding: 5px 16px;
	  /*padding: 0;*/
	}


	.my_bold {
		font-size: bold;
	}


	.text img, .textimage img {
		  padding: 0;
		}




/*2. Hero*/

	.page_hero {
		position: relative;
	}

	/*Page title ad lead text*/
	h1#title {
		font-size: 18px;
		margin: 0 0 43px 30px;
		position: relative; top: 17px;
	}


	h1.page_name {

		font-size: 28px;
		line-height: 30px;

		margin: 0 0 18px 30px;
		position: relative; top: 0px;

		font-weight: normal;
	}

		h1.page_name span { font-weight: bold; } 


	h3.page_lead {
		font-size: 17px;
		line-height: 24px;
		font-weight: normal;

		margin: 0 0 0 30px;
		position: relative; top: 0px;

		width: 515px;

		
	}
	/* ------- Page title ad lead text*/


	/*Brochure section*/
	.brochure_box {
		width: 260px;
		height: 145px;
		background-color: #f6f6f6;

		position: absolute; 
		top: -48px;
		right: -16px;
	}

			.brochure_box img.brochure_thumb {
				float: right;
				margin: 15px 10px 0 0;
			}

			.brochure_box a.brochure_link {
				font-weight: bold;
				font-size: 13px;
				line-height: 18px;
	 
				width: 50%;
				display: block;
				padding: 0 0 0 24px;

				background: url(http://media.mt.com/dam/mettler_toledo/about_us/innovation/pdf-logo.gif) no-repeat 0 0;

				margin: 35px 0 0 10px;

			}



/*3. Hero image*/


	.value_chain_box {
		position: relative;
		padding: 0;
		margin: 40px 0 0 0;

		left:-16px;
		top:-7px;
	}

		img, .value_chain_box  .textimage img {
			padding: 0;
		}



	img.value_chain {
		position: relative;
		padding: 0;
		margin: 0;
		top: 0; left:0;
	}


	.value_chain_box h4 {
		font-size: 16px;
		line-height: 24px;
		font-weight: normal;

		width: 650px;
		display: block;
		margin: 0 auto;
		margin-top: 35px;
		margin-bottom: 75px;
		padding: 0 0 0 50px;
	}

			.value_chain_box h4 span {
				display: block;
				margin: 0 0 8px 0;
				font-size: 16px;
				line-height: 24px;
				font-weight: normal;
			}




/*4. Text and images*/

	.mainContentWrapper {
		  position: relative;
		  width: 100%; 
	}
 


	/*Featured Product section*/

	.mainContentWrapper img.featuredProductImage { 
		margin: 0 auto;
		padding: 0;
		display: block;
	}

	.mainContentWrapper .contentBox{ 
		display: block;
		width: 690px;
		margin: 0 auto;
	}

			.mainContentWrapper .contentBox img{ 
				display: block;
				float: left;
				margin: 0 15px;
				 
			}

			.mainContentWrapper .contentBox .texts {
				display: block;
				margin: 25px 0 50px 5px;
			}

				.mainContentWrapper .contentBox .texts h2{ 
					display: block;
					 
					font-size: 16px; line-height: 21px;
					font-weight: normal;
				}

						.mainContentWrapper .contentBox .texts h2 span {
							font-weight: bold;
							} 




				.mainContentWrapper .contentBox .texts p{ 
					display: block;
					 
					font-size: 13px; line-height: 19px;
					 
				}












	.main_texts_box h2 {
		font-size: 15px; line-height: 18px;

		padding: 0 0 0 16px;
		margin-top: 20px;
	}

 


		 



	.main_texts_box p {
		font-size: 12px;
		line-height: 16px;

		/*margin-bottom: 20px;*/
	}


	/*Links*/
	.main_texts_box p.link_title {
		font-size: 13px;
		line-height: 18px;
	}

	.main_texts_box a.sbu_link {
		font-size: 13px;
		line-height: 18px;
		display: block;

		padding: 0 0 0 10px;
		background: url(http://media.mt.com/dam/mettler_toledo/about_us/innovation/bullit-green.gif) no-repeat 0 4px;

	}


	/*Making Ret texts right-aligned*/
	.ret_column p, .ret_column h2, .ret_column a {
		text-align: right;
	}

	.ret_column p{
		clear: both;
	}

	.ret_column a {
		float: right;
	}


/*	.ret_column .clear_all {
		height: 0px;
	}*/

 


/*5. Footer*/

	p.my_footer_text {
		font-size: 13px;
		line-height: 18px;
	}

	a.my_footer_brochure_link {
		font-size: 13px;
		line-height: 18px;

		padding: 0 0 0 24px;
		background: url(http://media.mt.com/dam/mettler_toledo/about_us/innovation/pdf-logo.gif) no-repeat 0 0;
		display: block;

	}

	a.my_footer_corp_link {
		font-size: 13px;
		line-height: 18px;
		display: block;

		padding: 0 0 0 10px;
		background: url(http://media.mt.com/dam/mettler_toledo/about_us/innovation/bullit-green.gif) no-repeat 0 4px;

	}




/*Mobile responsive version*/

@media only screen and (max-width: 930px) {


			.brochure_box {
				position: relative;
				margin: 20px 0;
				top:0;left:0;

				width:100%; height:auto;
			}

					.brochure_box img.brochure_thumb {
						display: none;
					}


			/*value chain*/
			.value_chain_box {
				left:0px;
			}


			/*texts@hero*/
			h3.page_lead, .value_chain_box h4 {
				width: auto;
			}

			h1#title, h1.page_name, h3.page_lead {
				margin-left:0;
			}

			/*hero and other mood images*/
			img.value_chain, .mainContentWrapper img.featuredProductImage, .mainContentWrapper .contentBox {
				width: 100%;
			}

			/*product thumb*/
			.mainContentWrapper .contentBox img {
				margin:0;
				float: right;
			}

}








/*pipette margin-bottom fix*/
.contentBox img[src*="featured-rainin2.jpg"] {
	margin-bottom: 30px;
	/*border: 10px solid red;*/
}

