/* CSS Validated 10/7/2016 */

HEADER	{width: 100%;
		 height: 291px;
		 padding: 30px 0 0 0;
		 background-color: white;
		 background-image: url(../images/home_header_bkgrd.jpg);
		 background-repeat: no-repeat;
		 background-position: top left;
		 box-sizing: border-box;}

.header	{height: 118px;
		 padding: 20px 0 0 0;
		 background-image: url(../images/int_header_bkgrd.jpg);}


.top_logo	{width: 168px;
			 height: 44px;
			 margin-left: 65px;
			 padding: 10px 10px 5px 10px;
			 background-color: rgba(255, 255, 255, 0.30);
			 border: 1px solid #CCC}

/* Larger than 1024 */
@media (min-width: 1020px) {

.top_logo	{float: right;
			 margin: 0 60px 0 0;
			 padding: 0;
			 background-color: transparent;
			 border: 0}
}


.content	{padding-top: 50px;
			 background-image: url(../images/shadow.png);
			 background-repeat: repeat-x; background-position: top left;}

.content_int	{padding-top: 30px;}


.home_copy	{padding: 0 10px;}

.copy	{padding: 30px 10px;}

.directory	{padding: 50px 10px;}

.directory_list	{background-color: #41ABBB;
				 color: white;
				 margin-top: 10px;
				 padding: 20px 0 20px 15px}

.directory_list a	{color: #55417A;
					 text-decoration: none}

.directory_list a:hover	{color: white;
						 text-decoration: none}

.product_list	{background-color: #41ABBB;
				 color: white;
				 margin-top: 10px;
				 padding: 20px 10px 20px 15px}

.product_list a	{color: white;
				 text-decoration: none}

.product_list a:hover	{color: #55417A;
						 text-decoration: none}

.form_container	{padding: 0 10px}


/* Larger than 700px */
@media (min-width: 700px) {

.column2	{padding-top: 37px}

.form_container	{padding: 79px 10px 0 0}

.news	{padding-top: 50px}
}

.column2 IMG	{width: 96%;
				 height: auto;
				 border: 1px solid black}

/* Larger than 768px */
@media (min-width: 767px) {

.home_copy	{padding: 0}

.copy	{padding: 30px 0;}

.directory	{padding: 50px 0;}
}

.home_copy_logo	{margin: 0 0 10px -40px;}


.purple_box	{background: -webkit-linear-gradient(#110D16, #624B8B); /* For Safari 5.1 to 6.0 */
			 background: -o-linear-gradient(#110D16, #624B8B); /* For Opera 11.1 to 12.0 */
			 background: -moz-linear-gradient(#110D16, #624B8B); /* For Firefox 3.6 to 15 */
			 background: linear-gradient(#110D16, #624B8B); /* Standard syntax */
			 padding: 30px 30px 20px 40px;
			 margin-top: 16px;
			 box-shadow: 1px 7px 10px rgba(50, 50, 50, 0.45);
			 color: white}

.purple_box	a	{color: #FEBB34; text-decoration: none;}
.purple_box	a:hover	{text-decoration:underline;}


.purple_box_buttons	{width: 39.6%;
					 max-width: 183px;
					 margin: 20px 0 0 55%;}

.products_btn	{background-image: url(../images/products_btn_bkgrd.png);
	 			 background-repeat: no-repeat;
				 background-position: center center;
				 background-size: contain;
				 width: 100%;}

.brochure_btn	{background-image: url(../images/brochure_btn_bkgrd.png);
				 margin-top: 10px}

P.btn	{font-size: 9pt;
		 font-weight: bold;
		 color: white;
		 margin: 0;
		 padding: 13.5% 0 16% 9%}

P.btn a {color: white; text-decoration: none; text-shadow: 1px 1px black}
P.btn a:hover {color: black; text-decoration: none; text-shadow: none}

.purple_box_phone	{background: -webkit-linear-gradient(left, #666 , transparent); /* For Safari 5.1 to 6.0 */
					 background: -o-linear-gradient(right, #666, transparent); /* For Opera 11.1 to 12.0 */
					 background: -moz-linear-gradient(right, #666, transparent); /* For Firefox 3.6 to 15 */
					 background: linear-gradient(to right, #666 , transparent); /* Standard syntax */
					 padding: 15px 0 10px 15px;
					 margin: 40px 0 50px 0;
					 clear: both}


.purple_box_phone P	{font-family: 'Open Sans Condensed', sans-serif;
					 font-size: 13px;
					 letter-spacing: .5px;
					 color: white;
					 text-shadow: 1px 1px black;
					 margin: 0}


.internal_buttons	{display: inline-block;
					 padding-left: 10px}

/* Larger than 768px */
@media (min-width: 767px) {

.internal_buttons	{padding-left: 0}
}

.internal_btn	{background-image: url(../images/products_btn_bkgrd.png);
	 			 background-repeat: no-repeat;
				 background-position: center center;
				 background-size: contain;
				 width: 20.33333%;
				 max-width: 183px;
				 min-width: 125px;
				 margin: 0 10px 0 0;
				 float: left}

.internal_brochure_btn	{background-image: url(../images/brochure_btn_bkgrd.png);}

.phone_btn	{background-image: url(../images/phone_btn_bkgrd.png);}

.phone_btn P	{font-size: 9pt;
				 font-weight: bold;
				 color: white;
				 text-shadow: 1px 1px black;
				 margin: 0;
				 padding: 13.5% 0 16% 9%}


.parts	{background-image: url(../images/abrasive_industry_products.png);
	 	 background-repeat: no-repeat;
		 background-position: bottom right;
		 background-size: 90%;
		 margin-top: -60px;
		 padding: 77px 0 60% 5%}


.hometag	{width: 90%;
			 max-width: 575px;
			 padding-top: 35px;}

.hometag IMG	{width: 100%;
				 height: auto;
				 box-shadow: 1px 7px 10px rgba(50, 50, 50, 0.45);}


.abouttag	{padding: 30px 0 0 10px;}

.abouttag IMG	{width: 95%;
				 height: auto;}


.zamak	{height: 115px;
		 margin-bottom: 5px;
		 padding: 15px;
		 background-color: #E3E1E3}

.zamak IMG	{float: left;
			 width: 177px;
			 height: 121px}

.zamak P	{padding-top: 45px;
			 margin: 0 0 0 195px;
			 font-size: 8pt;
			 color: #67558B;
			 font-weight: bold;
			 font-style: italic}


.captag	{margin-top: 10px;
		 padding: 15px;
		 background-color: #EAE3D2;}

/* Larger than 768px */
@media (min-width: 767px) {

.captag	{padding: 60px 0 15px 0;
		 background-color: #EAE3D2;
		 background-image: url(../images/captag_bkgrd.png);
	 	 background-repeat: no-repeat;
		 background-position: 5px 10px;}
}

.captag_pics	{margin-top: 20px}

/* Larger than 768 */
@media (min-width: 767px) {
.captag P	{width: 45%;
			 margin: 0 0 0 390px;}

.captag_pics	{margin: 45px 0 0 20px}
}

/* Larger than 1024 */
@media (min-width: 1020px) {

.captag_pics	{margin: 40px 0 0 270px}
}

/* Larger than 1200 */
@media (min-width: 1190px) {

.captag_pics	{margin: 30px 0 0 320px}
}


ADDRESS		{background-color: #54407D;
			 margin-top: 40px;
			 font-size: 8pt;
			 font-style: normal;
			 color: #EFEFEF;
			 text-align: center;
			 padding: 8px 0 1px 0;}


.icons		{margin-top: 25px;
			 margin-left: 5%;
			 width: 280px;}


.associations	{margin-top: 12px;}


.footer_logos	{width: 85%;
				 min-height: 40px;
				 padding: 15px 0 3px 0;
				 margin-left: 5%;
				 display: table;}

.ace_logo	{display: inline-block;
			 width: 145px;
			 margin-right: 20px;
			 vertical-align: bottom;}

.innotec_logo		{display: inline-block;
					 width: 132px;
					 margin-right: 20px;
					 padding-bottom: 5px;
					 vertical-align: bottom;}

.heinrich_logo		{display: inline-block;
					 width: 73px;
					 margin-right: 20px;
					 padding-bottom: 5px;
					 vertical-align: bottom;}

.rc_logo	{display: inline-block;
			 width: 62px;
			 padding-bottom: 5px;
			 vertical-align: bottom;}

P.logos		{font-family: Arial, Helvetica, sans-serif;
			 font-size: 8pt;
			 color: black;
			 margin-top: 5px;}


/* Larger than 600px */
@media (min-width: 599px) {

.icons	{margin-left: 5%;}
}

/* Larger than 768px */
@media (min-width: 767px) {
.footer_logos	{float: left;
				 width: 50%;
				 padding-top: 0;}

.icons		{margin-left: 60%;}
}

/* Larger than 1024px */
@media (min-width: 1050px) {

.icons		{margin-left: 70%;}

.footer_logos	{width: 45%;}
}


.form1	{width: 100%;
		 padding-top: 5px;}


.form2	{width: 100%;
		 padding-top: 5px;}


.form2 IMG	{margin-bottom: 5px;}

.form2 IMG.two	{margin-top: 15px;}

/* Larger than 1024px */
@media (min-width: 1024px) {

.form1	{width: 45%;
		 float: left;}

.form2	{width: 265px;
		 margin-left: 49%;}
}

.blog_content	{max-height: 700px;
				 padding-right: 10px;
				 overflow: auto;}


/* PARTS DATABASE PAGE */

.application	{font-weight: bold;}


.application P	{margin: 2px 0 0 3px;
				 font-weight: normal}


.application UL	{list-style-type: disc;
				 margin: 20px 0 0 14px;
				 padding: 0;
				 font-weight: normal}


.application LI	{padding: 0 0 3px 0;}


.part_photo	{width: 65%;
			 max-width: 429px;
			 min-width: 280px;
			 margin: 20px 0 0 0;}

.part_photo IMG	{width: 100%;
				 height: auto;}




a.wdtlink:link {color: #777; text-decoration: none; font-style: italic;}
a.wdtlink:visited {color: #777; text-decoration: none; font-style: italic;}
a.wdtlink:active {color: #777; text-decoration: none; font-style: italic;}
a.wdtlink:hover {color: #777; text-decoration: underline; font-style: italic;}


/* VIEWPORT WIDTHS: */

/*	iPhone: 320 - 480
	iPad:  768 - 1024
	Galaxy S4: 360 - 640
	Kindle HD: 533 - 802 */