/*
Author:		Robbert Minnaar
Company:	VPRI (.nl)
Project:	itw-welding.com
*/

/* Fonts */
@font-face {
    font-family: 'Din';
    src: url('dincond-medium-webfont.eot');
    src: url('dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('dincond-medium-webfont.woff') format('woff'),
         url('dincond-medium-webfont.ttf') format('truetype'),
         url('dincond-medium-webfont.svg#Din') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Main elements */
html,body,.site,td,th 		{ font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; margin: 0; padding: 0; line-height: 130%; color: #333; }
.site						{ background: #F3F3F3 url(../images/background.jpg) TOP CENTER; text-align: center; height: 100%; }
.wrapper					{ min-height: 100%; }
a							{ color: #000; }
a:hover						{ color: #064b9f; text-decoration: none; }

h1, h2, h3, h4, h5, h6		{ margin: 3px 0px; padding: 2px 3px; width: 100%; }
h1							{ color: #003366; font-size: 19px; font-weight: normal; font-family: Arial, Verdana, Geneva, sans-serif; text-transform: uppercase; }
h2							{ color: #003366; font-size: 14px; }
h3							{ color: #003366; font-size: 14px; }
h4							{ color: #003366; font-size: 12px; }
h5							{ color: #003366; font-size: 12px; }
h6							{ color: #003366; font-size: 12px; }

img							{ border: none; }
hr							{ border: none; border-bottom: 1px Solid #003366; background: none; }
td 							{ vertical-align: top; }
iframe 						{ width: 100%; }

.hidden						{ display: none; } 

/* Header */
.header_wrapper				{ width: 100%; height: 150px; background: #FFF; }
.header						{ position: relative; width: 950px; height: 150px; margin: 0px auto; }
.logos						{ position: absolute; top: 30px; left: 0px; background: transparent url(../images/ITW-logo-2018_v2.jpg) TOP LEFT no-repeat; width: 410px; height: 98px; }
.logos a						{ text-decoration: none; }
.url_website					{ position: absolute; top: 0px; left: 0px; display: block; width: 240px; height: 65px; }
.url_miller						{ position: absolute; top: 35px; left: 0px; display: block; width: 140px; height: 75px; }
.url_hobart						{ position: absolute; top: 35px; left: 160px; display: block; width: 170px; height: 75px; }
.url_elga						{ position: absolute; top: 35px; left: 358px; display: block; width: 44px; height: 65px; } 
/*.url_mckay						{ position: absolute; top: 48px; left: 140px; display: block; width: 44px; height: 29px; }
.url_trimark					{ position: absolute; top: 48px; left: 187px; display: block; width: 44px; height: 29px; }*/
.boven_menu					{ position: absolute; top: 30px; right: 0px; /*right: 161px;*/ background: #F4F5F7; height: 44px; }
.languages					{ position: absolute; top: 30px; right: 0px; background: #F4F5F7; width: 160px; text-align: left; height: 44px; z-index: 200; cursor: pointer; }
.languages img					{ padding-right: 10px; }
.language_choices				{ position: absolute; top: 44px; right: 0px; background: #F4F5F7; width: 160px; border-top: 1px Solid #FFF; display: none; }
.language_current				{ padding: 7px 10px; background: #D9DDE0; margin: 8px 10px; }
.language						{ padding: 7px 10px; background: #D9DDE0; margin: 8px 10px; }
.search							{ position: absolute; top: 100px; right: 0px; }
.search_value						{ width: 320px; }
.search_submit						{ width: 100px; }

/* Content */
.content					{ position: relative; width: 950px; margin: 0px auto; text-align: left; padding-bottom: 113px; }
.hoofd_menu					{ width: 100%; height: 40px; background: #878785; }
.left						{ float: left; width: 460px; }
.text						{ float: left; width: 210px; height: 215px; margin: 10px 10px 0px 0px; padding: 10px; background: #FFF; }
.text_title					{ width: 100%; margin-bottom: 10px; }
.text a:last-child				{ text-decoration: none; }
.text a:hover						{ text-decoration: underline; }
.stamp						{ float: left; margin: 30px 22px; }
.news						{ float: left; width: 450px; height: 180px; margin: 10px 10px 0px 0px; padding: 10px; background: #FFF; }
.news_title					{ width: 100%; margin-bottom: 10px; }
.news a							{ font-weight: bold; display: block; padding: 3px 10px 2px 10px; text-decoration: none; color: #333; border-bottom: 1px Solid #EFEFEF; background: transparent url(../images/arrow_bottom.jpg) LEFT no-repeat; }
.news a:hover						{ text-decoration: underline; background: transparent url(../images/arrow_top.jpg) LEFT no-repeat; }
.news span						{ font-weight: normal; padding: 0px 0px 0px 12px; color: #666; }
.news .archive					{ border: none; padding: 7px 15px 7px 20px; background: transparent url(../images/arrow_top.jpg) LEFT no-repeat; }
.news .archive:hover				{ background: transparent url(../images/arrow_bottom.jpg) LEFT no-repeat; }
.carrousel					{ float: right; position: relative; width: 470px; height: 445px; background: #878785; margin: 10px 0px 0px 10px; }
.carrousel .info				{ position: absolute; top: 340px; left: 20px; color: #FFF; width: 425px; }
.carrousel .info a					{ color: #FFF; text-decoration: none; font-family: 'Din', Arial, Verdana, Geneva, sans-serif; font-size: 15px; /*line-height: 120%;*/ }
.carrousel .alt					{ position: absolute; top: 20px; left: 20px; color: #FFF; }
.carrousel .alt a					{ color: #FFF; text-decoration: none; font-family: 'Din', Arial, Verdana, Geneva, sans-serif; font-size: 27px; line-height: 120%; }
.carrousel .nav					{ position: absolute; bottom: 10px; right: 5px; color: #FFF; }
.carrousel .nav a 					{ border: 1px solid #ccc; text-decoration: none; margin: 0 5px; padding: 3px 5px; color: #FFF;  }
.carrousel .nav a.activeSlide 			{ background: #FFF; color: #007BC8; }
.carrousel .nav a:focus 				{ outline: none; }
.consumables				{ float: left; }
.consumables .block				{ width: 440px; height: 190px; float: left; margin: 10px 5px; padding: 15px 15px; color: #FFF; }
.consumables .block:first-child		{ margin: 10px 5px 10px 0px; }
.consumables .block:last-child		{ margin: 10px 0px 10px 5px; }
.consumables .block a				{ text-decoration: none; color: #FFF; padding-bottom: 4px; display: inline-block;  }
.consumables .block a:hover				{ text-decoration: underline; fcolor: #FFF; }
.consumables .hobart				{ background: #F47836 url(../images/hobart.jpg) BOTTOM RIGHT no-repeat; }
.consumables .miller				{ background: #007AC2 url(../images/miller.jpg) BOTTOM RIGHT no-repeat; }
.consumables .elga				{ background: #007AC2 url(../images/elga_text_white.png) 410px 170px no-repeat; }
/*.consumables .mckay				{ background: #FF1236 url(../images/mckay.jpg) BOTTOM RIGHT no-repeat; }
.consumables .trimark			{ background: #01884E url(../images/trimark.jpg) BOTTOM RIGHT no-repeat; }*/

/* Footer */
.footer_wrapper				{ position: relative; margin-top: -113px; height: 112px; clear:both; border-top: 1px Dotted #999; }
.footer						{ width: 950px; margin: 0px auto; text-align: left; }
.footer .block					{ border-left: 1px Solid #999; width: 216px; height: 92px; float: left; margin: 10px 0px; padding: 0px 10px; color: #666; }
.footer .block a					{ text-decoration: none; color: #666; padding-bottom: 4px; display: inline-block;  }
.footer .block a:hover					{ text-decoration: underline; color: #000; }
/*Opera footer push Fix*/
body:before 				{ content:""; height:100%; float:left; width:0; margin-top:-32767px; }
body.mceContentBody 		{ background: #FFF; width: auto; height: auto; }