/*Business Description 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;
	}
 

/*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(https://media.mt.com/dam/mettler_toledo/about_us/business_description/pdf-logo.gif) no-repeat 0 0;

				margin: 35px 0 0 10px;

			}



/*3. Value Chain*/


	.value_chain_box {
		position: relative;
		padding: 0;
		margin: 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;
	}


	p.value_step_label {
		font-size: 9px; line-height: 11px;
		
		display: block;
		position: absolute;
		top: 188px;
		width: 50px;
	}

	.label1 { left: 50px; }
	.label2 { left: 180px; }
	.label3 { left: 300px; }
	.label4 { left: 425px; }
	.label5 { left: 575px; }
	.label6 { left: 680px; }
	.label7 { left: 900px; width:60px;}
	 



/*4. Texts below Value Chain*/

	.main_texts_box {
		  position: relative;
		  top: -65px;
	}

	.lab_column {
		position: relative;
		top: 0;
		left: 30px;
		padding: 55px 10px 10px 10px;
		border-left: 1px solid #bebebe;

		width: 285px;

		float: left;

	}

	.ind_column {
		position: relative;
		top: 0;
		left: 102px;
		padding: 55px 10px 10px 10px;
		border-left: 1px solid #bebebe;

		width: 285px;

		float: left;
	}

	.ret_column {
		position: relative;
		top: 0;
		left: 120px;
		padding: 55px 10px 10px 10px;
		border-right: 1px solid #bebebe;

		width: 180px;

		float: left;
	}

	.main_texts_box h2 {
		font-size: 15px; line-height: 18px;

		/*padding: 0 0 0 16px;*/
		padding: 0 0 0 0;
		margin-top: 20px;
	}

	.main_texts_box h2:nth-of-type(1) {
		margin-top: 0px;
	}	


		.main_texts_box h2.lab { 
			/*background: url(https://media.mt.com/dam/mettler_toledo/about_us/business_description/arrow-green.png) no-repeat 0 3px;*/
		}

		.main_texts_box h2.ind{ 
			/*background: url(https://media.mt.com/dam/mettler_toledo/about_us/business_description/arrow-blue.png) no-repeat 0 3px;*/
		}

		.main_texts_box h2.ret { 
			/*background: url(https://media.mt.com/dam/mettler_toledo/about_us/business_description/arrow-orange.png) no-repeat 0 3px;*/
			float: right;
		}

		.main_texts_box h2.links {
			padding: 0;
			margin-top:30px;
		} 



	.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(https://media.mt.com/dam/mettler_toledo/about_us/business_description/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(https://media.mt.com/dam/mettler_toledo/about_us/business_description/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(https://media.mt.com/dam/mettler_toledo/about_us/business_description/bullit-green.gif) no-repeat 0 4px;

	}






/*Mobile responsive version*/

@media only screen and (max-width: 930px) {


			/*brochure download */
			.brochure_box {
				position: relative;
				margin: 20px 0;
				top:0;left:0;

				width:100%; height:auto;
			}


					.brochure_box img.brochure_thumb {
						display: none;
					}

					.brochure_box a.brochure_link {
						width:90%;
					}


			/*value chain*/
			.value_chain_box {
				left:0px;
			}

			p.value_step_label {
				display: none;
			}


			/*texts@hero*/
			h3.page_lead, .value_chain_box h4 {
				width: auto;
			}

			h1#title, h1.page_name, h3.page_lead {
				margin-left:0;
			}
					h1.page_name {
						font-size: 24px;
					}


			/*hero and other mood images*/
			img.value_chain, .mainContentWrapper img.featuredProductImage, .mainContentWrapper .contentBox {
				width: 100%;
			}

			/*product thumb*/
			.mainContentWrapper .contentBox img {
				margin:0;
				float: right;
			}


			/*content below value chain*/
			.lab_column, .ind_column, .ret_column   {
				width:100%;
				left:0;
				position: relative;

			}

				/*ret column - align left*/
				.ret_column p, .ret_column h2, .ret_column a.sbu_link {
					text-align: left;
					float: none;
				}

					 .ret_column {
					 	border-left: 1px solid #bebebe;
					 }

				.main_texts_box h2.ret {
					float:none;
				}

}