
/*------------BREADCRUMB STYLES-------------*/
.BreadCrumbLeftContainer
{
	width: 80%;
	float:left;
	padding-top:5px;
	font-family: Arial;
	color: #6d6e71;
	font-size: 11px;
	text-decoration:none;
	padding-left: 2px;
	display: table-cell;
}
.BreadCrumbRightContainer
{
    text-decoration:none;
    padding-top:5px;
    width: 19%;
    display: table-cell;
    text-align: right;
}
.Breadcrumb
{
	font: normal 11px Arial;
}
.BreadcrumbRightLinks
{
	font-family: Arial;
	color: #6d6e71;
	font-size: 11px;
	text-decoration:none;
}
.BreadCrumbRightContainerNew
{
    text-decoration:none;
    margin-top:70px;
}

/*---------------------*/
.RegularBannerCSS
{
    background: url(/images/insidebg.jpg) repeat-x;
	margin: 0 auto;
	width: 100%;
	
    min-width: 990px;
}
.TechconRegularBannerCSS
{
    background: url(/images/inside-bg.jpg) repeat-x;
	margin: 0 auto;
	width: 100%;
    min-width: 990px;
    margin-top:106px;
    display: inline-block;
}

.SocialLinks
{
 float: right;
 padding-top: 5px;
 padding-right: 0px;
 height:0px;
}

.HomeContentCSS3
{
    margin-top:90px;
    height:auto;
    width: 100%;
	min-width: 990px;
	min-height:300px;
}

.BreadcrumbCSS
{
    border-top: solid 1px #bdbdbd;
    width: 990px;
}
.BreadcrumbCSS2
{
    width: 990px;
}
.BreadcrumbCSS3
{
    width: 990px;
}
.BannerTextCSS
{
	width: 990px;
    margin: 0 auto;
    
}

.BannerTextCSS2
{
    width: 100%;
    padding-top:50px;
    min-height:148px;
}

.page-wrap
{
	width: 100%;
	min-width: 990px;
	background: white;
	background-repeat: repeat-x;
	margin: 0 auto;
}
.content-wrap
{
	width: 990px;
	margin: 0 auto;
	text-align: center;
	padding-top:15px;
	min-height:210px;
}
.HeaderContainer
{
	width: 100%;
	background: #bcbdbf url(/images/header-bg.jpg) repeat-x;
	height:86px;
}
.Header
{
	height: 55px;
	width: 990px;
	margin: 0 auto;
	z-index: 11;
	position: relative;
}
.headerPart1
{
	float: left;
	height: 55px;
	margin-left:15px;
	padding-top:5px;
}
.headerPart2
{
	padding-top: 14px;
	margin-left: 10px;
	float: right;
}
.headerPart3
{
	padding-top: 14px;
	margin-left: 15px;
	float: right;
}
.headerPart4
{
	padding-top: 18px;
	margin-right:5px;
	float: right;
}
.ddlLanguageCSS
{
	 background-image: url(/images/change-language.jpg) repeat;
     font-size: 11px;
     height: 20px;
     line-height: 16px;
     width: 166px;
     
}
.ProductMainCatCellSinglePort
{
    background: url(/Image%20Library/Metcal/En/GlobalNav/Products/Hand%20Soldering%20Test%20Images/dual-port-s.png) no-repeat;
}
.ProductMainCatCelldualport1
{
    background: url(/Image%20Library/Metcal/En/GlobalNav/Products/Hand%20Soldering%20Test%20Images/dual-port.png) no-repeat;
}
.ProductMainCatCelldualport2
{
    background: url(/Image%20Library/Metcal/En/GlobalNav/Products/Hand%20Soldering%20Test%20Images/single-port.png) no-repeat;
}
.ProductConvectionCatHandheld
{
    background: url(/Image%20Library/Metcal/En/GlobalNav/Products/Convection%20Rework/handheld.jpg) no-repeat;
}
.ProductConvectionCatSystems
{
    background: url(/Image%20Library/Metcal/En/GlobalNav/Products/Convection%20Rework/systems.jpg) no-repeat;
}
.Marnie
{
    background: url(/Image Library/Metcal/En/GlobalNav/Products/Hand Soldering Test Images/dual-port-s.png);
}

.ProductMainHeadingCSS
{
    background: url(/images/techcon-product-bg.jpg) no-repeat;
}

.Product-Title
{
background: url(/images/title-bg.jpg) no-repeat;
}
.syringe-header
{
	background: url(/Images/Techcon/syringe-header.jpg) no-repeat;
}

/*IE8 style*/
@media \0screen
{
 .ddlLanguageCSS
 {
  padding-bottom: 2px;
 }
 .pagination li a
 {
  filter:alpha(opacity=0);
 }
}
/* Firefox styles*/
@-moz-document url-prefix() {
 .ddlLanguageCSS
 {
  padding-top: 2px;
 }
}

.txtSearch
{
	 height: 20px;
     line-height: 20px;
     width: 190px;
     text-align: right;
     padding-right: 10px;
     /*background-image: url(/images/search-box.jpg);*/
     font-family: Verdana;
     font-size: 10px;
}
.MenuContainer
{
    z-index:500;
	clear:both;
	position:relative;
	width: 100%;
	height: 31px;
	background: url(/images/menu-bg.jpg) repeat-x;
}
.Menu
{
	width: 990px;
	margin: 0 auto;
}

.mainNavTitleNew
{
	font-weight:bold;
}
#mainNav
{
	float: left;
	text-align: left;
	padding-left:10px;
}

#mainNav li
{
	float: left;
	margin-right: 0px;
	list-style: none;
	position: relative;
	
}
#mainNav li.selectedMenu
{
	background-color: #0B448A;
	height: auto;
}
#mainNav li:hover, #mainNav li.selectedMenu:hover
{
	background-color: #0B448A;
	height: auto;
}
#mainNav li a
{
	font-family: Verdana;
	font-size: 13px;
	color: #414042;
	margin-top: 3px;
	text-decoration: none;
	float: left;
	display: block;
	padding: 5px 15px;
	height: 18px;
	position: relative;
}
#mainNav li a:hover, #mainNav li:hover a, #mainNav li.selectedMenu a
{
	color:#fff;
}
#mainNav li a.first
{
}

#mainNav li a.second
{
}

div.level2, div.megamenu
{
	position: absolute;
	left: 0;
	top: 30px;
	background: #0B448A;
	padding: 0px;
	width: auto;
	min-width: 200px;
	display: none;
	z-index: 20;
}
div.megamenu
{
	width: 680px;
	height: 285px;
}
#mainNav li:hover div.level2, #mainNav li:hover div.megamenu
{
	display: block;
}


#mainNav div.level2 ul, #mainNav div.megamenu ul
{
	margin: 0;
	padding: 0;
}
#mainNav div.level2 ul li, #mainNav div.level2 ul li a, #mainNav div.megamenu ul li, #mainNav div.megamenu ul li a
{
	float: none;
	display: block;
	color:#fff;
	font:12px verdana;
}
#mainNav div.level2 ul li:hover, #mainNav div.level2 ul li a:hover, #mainNav div.megamenu ul li:hover, #mainNav div.megamenu ul li a:hover
{
	background:#0D2B4B;
}
#mainNav div.level2 ul li:hover, #mainNav div.megamenu ul li:hover
{
	background: none;
}
#mainNav div.level2 ul li a, #mainNav div.level2 ul ul li a, #mainNav div.megamenu ul li a, #mainNav div.megamenu ul ul li a
{
	margin: 0;
	padding: 5px 10px 5px 15px;
	line-height:20px;
}
#mainNav div.level2 ul ul ul li a, #mainNav div.megamenu ul ul ul li a
{
	padding-left: 10px;
}
#mainNav div.megamenu div.columns
{
	float: left;
	width: 207px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	z-index: 2000;
}

.dvFooterContainer
{
	background-image: url(/images/footer-bg.jpg);
	clear: both;
	width: 100%;
	height: 58px;
	z-index: 12;
}
.dvFooterWrap
{
	width: 965px;
	margin: 0 auto;
	margin-top:30px;
	*margin-top:0px;
	padding: 5px 0 0 20px;
}
.pagination
{
	position: relative;
	top: 335px;
	width: 70px;
	margin: 0 auto;
	z-index: 600;
	height: 15px;
}
.pagination li
{
	float: left;
	background-image: url(/images/bullet.png);
	background-position: 0 0%;
	width: 15px;
	height: 15px;
	z-index: 115;
	list-style: none;
}
.pagination li:hover
{
	background-position: 0 50%;
}
.pagination li.current
{
	background-position: 0 100%;
}
.pagination li a
{
	display: block;
	width: 15px;
	height: 15px;
	*height:0px;
	*overflow:hidden;
	color: transparent;
	font-size:0px;
}
.ArrowNext
{
	padding-left: 15px;
}
.PaginationContainer
{
	position: absolute;
	top: 250px;
	width: 100%;
}
.BannerNavigation
{
	z-index: 11;
	text-align: center;
	position: relative;
}
.BannerContainer {
    display: block;
    height: 223px;
}
.BannerTextContainer {
    position: relative;
    top: -500px;
    text-align: left;
    left: 20px;
    line-height: 1;
}

.BannerTextContainer a,
.BannerTextContainer a:hover {
	color: #fff;
}
.FooterContainer
{
    margin: 0 auto;
    min-width:990px;
}

/*----------Techon CSS------------------*/
.TechonHomeBodyCSS
{
    margin: 0 auto;
}

.TechonHeaderContainer
{
	width: 100%;
	background: #bcbdbf url(/images/Techonheader-bg.jpg) repeat-x;
	height: 106px;
	position:fixed;
	z-index:1000;
	top:0;
}
.TechonHeader
{
    padding-top:0px;
	/*height: 106px; */
	height: 75px;
	width: 990px;
	margin: 0 auto;
	z-index: 11;
	position: relative;
}
.Techonpagination
{
	position: relative;
	top: -442px;
	width: 70px;
	margin: 0 auto;
	z-index: 112;
	height: 15px;
}
.TechonHeaderText
{
    font-family:Arial;
    font-size:18px;
    color:#024c90;
    text-align:right;
    padding-top:9px;
    padding-bottom:5px;
    margin-left:0px
}
#TechonBannerSlider
{
    *left:0px;
}
.slides_container {
    top: -15px;
}
#ProductSlidesContainer
{
    *position:relative;
}
.CommonLeftPart
{
    margin: auto 0; float: left; width: 180px; text-align: right;
}
.CommonRightPart
{
    float: left; width: 770px;margin-left:20px; margin-top: 3px;margin-bottom:20px;
}
.LeftNavContainer
{
    margin-top: 5px;font-family:Arial;margin-bottom:20px
}



*
{
    margin: 0px;
    padding: 0px;
}
img
{
    border: 0;
    margin: 0px;
}
.ProductSlide
{
    width: 220px;
    padding-left: 10px;
    float: left;
    cursor: pointer;
    padding-bottom:10px;
}
.ProductSlide img
{
    padding-bottom:10px\0/;
    *padding-bottom:10px;
}
.ProductSlide_control
{
    height: 100%;
    width: 804px;
}
.ProductSelector
{
    height: 165px;
    width: 760px;
    float: left;
    padding-bottom: 20px;
    margin-top: 20px;
}
#ProductSlidesContainer
{
    width: 691px;
    height: 165px;;
    overflow: hidden;
    float: left;
}
.ProductNextArrow
{
    cursor: pointer;
    float: left;
    margin-top: 70px;
    width: 24px;
    z-index: 10;
    padding-left: 0px;
}
.ProductPrevArrow
{
    cursor: pointer;
    float: left;
    left: 10px;
    margin-top: 76px;
    width: 24px;
    z-index: 10;
}
.ProductMenu
{
    float: left;
    display: none;
    top: 189px;
    position: relative;
}
.ProductMenu li
{
    float: none;
    list-style: none;
    border-bottom: 1px solid #000;
    background-color: #e2e2e2;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
}
.prodListContainer
{
    position:absolute;
    height:0;
    *left:20px;
}
.TechconProdList
{
    display:none;
    color:White;
    background:#404142;
    position:relative;
    top: 165px;
    margin-left: 36px;
    padding: 10px;
    border-radius: 10px;
    line-height:24px;
}
.TechconProdList *
{
    color:White;
}


/*Techcon Webstore styles*/
.WSForm_leftFormContainer
{
    width:350px;
    margin-top:30px;
    float:left;
    margin-left:15px;
}
.WSForm_RightTectContainer
{
    width:540px;
    float:left;
}
.tapVideoColumn
{
    *width:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    
}
@-moz-document url-prefix() {
	
}

/** search */

.gsc-result-info {
    text-align: left;
    color: #676767;
    font-size: 13px;
    padding: 0;
    margin: 10px 0 10px 0;
}

.gsc-webResult.gsc-result {
    padding: .25em;
    border: 1px solid #fff;
    margin-bottom: 0;
}

.gs-result .gs-title,
.gs-result .gs-title * {
    color: #15C;
    text-decoration: underline;
    font-size: 16px;
}

.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
}

.gs-result .gs-visibleUrl a {
    color: #093;
    text-decoration: none;
    padding-bottom: 2px;
}

.pageNav span {
    font-weight: bold;
}

/* form */

form {
	position: relative;
	zoom: 1;
}

.TechconRegularBannerCSS form {
	padding-top: 20px;
}

form:after, .check-box:after, .elem-box:after {
	content: '';
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
}

	label {
		display: block;
		position: relative;
		clear: both;
		width: 100%;
		font-size: 13px;
		margin: 0 0 8px 0;
		zoom: 1;
	}
	
		label span {
			color: #f00;
		}
		
	label.check {
		display: inline-block;
		float: none;
		clear: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	
	.checkBox_inl label.check {
		margin-right: 20px;
	}
	
	input[type="radio"],
	input[type="checkbox"] {
		vertical-align: middle;
		margin: 3px 6px 5px 0;
		//margin: 0 6px 1px 0; /* ie6-7 */
	}
	
	input.text, 
	textarea, 
	select {
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 2px;
		box-shadow: inset 0 4px 1px -3px rgba(0,0,0,0.1);
		display: block;
		position: relative;
		width: 400px;
		height: 18px;
		margin: 0 0 15px 0;
		padding: 7px 8px;
		color: #000;
		font-family: Arial, Helvetica, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
		vertical-align: top;
		outline: none;
	}
	
	input[type="file"] {
		display: block;
		position: relative;
		width: 322px;
		margin: 0 0 15px 0;
	}
	
	textarea {
		height: 80px;
		resize: vertical;
	}
	
	select {
		width: 316px;
		height: 28px;
		padding: 0;
	}
	
	input.text:focus, 
	textarea:focus, 
	select:focus {
		border-color: #52c9e2;
	}
	
	/* elem box */
	
	.checkBoxTitle {
		clear: both;
	}
	
	.checkBox {
		position: relative;
		clear: both;
		padding: 0 0 15px 0;
		zoom: 1;
	}
	
	.elemBox {
		position: relative;
		clear: both;
		zoom: 1;
	}

	.elemBox_inl {
		display: inline-block;
		//display: inline;
		vertical-align: top;
		zoom: 1;
	}
		
		/* file input */
		
		.elemBox.file {
			display: block;
			width: 418px;
		}
		
			.elemBox.file a {
				overflow: hidden;
				float: right;
				clear: none;
				margin: 0;
				cursor: pointer;
			}
				
				.elemBox.file a input {
					border: none;
					position: absolute;
					right: 0;
					top: 0;
					width: auto;
					height: 32px;
					margin: 0;
					font-size: 50px;
					opacity: 0;
					filter: alpha(opacity=0);
					cursor: pointer;
				}
				
			.inputBox {
				position: relative;
				overflow: hidden;
				float: left;
			}
			
				.inputBox input {
					width: 300px;
				}
		
		/* /file input */
		
	/* /elem box */

	/* button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button {
		border: none;
		overflow: visible;
	}

	.button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button {
		background: #efefef;
		background: -moz-linear-gradient(top,  #fbfbfb 0%, #e1e1e1 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e1e1e1));
		background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e1e1e1 100%);
		background: -o-linear-gradient(top,  #fbfbfb 0%,#e1e1e1 100%);
		background: -ms-linear-gradient(top,  #fbfbfb 0%,#e1e1e1 100%);
		background: linear-gradient(to bottom,  #fbfbfb 0%,#e1e1e1 100%);
		border: 1px solid #c9c9c9;
		border-radius: 2px;
		box-shadow: inset 0 -2px 0 -1px #dcdcdc, inset 0 2px 0 -1px #fff;
		display: block;
		position: relative;
		float: left;
		clear: both;
		height: 32px;
		margin: 0 0 15px 0;
		padding: 0 15px;
		color: #333;
		font: 13px/32px Arial, Helvetica, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
		text-decoration: none;
		text-align: center;
		text-shadow: 1px 1px 0 #fff;
		zoom: 1;
	}

	input[type="submit"].button,
	input[type="reset"].button,
	input[type="button"].button,
	button.button {
		height: 34px;
		line-height: 34px;
	}

	.button_inl,
	input[type="submit"].button_inl,
	input[type="reset"].button_inl,
	input[type="button"].button_inl,
	button.btn_inl {
		display: inline-block;
		//display: inline;
		float: none;
		vertical-align: top;
	}

	.button_no_fl,
	input[type="submit"].button_no_fl,
	input[type="reset"].button_no_fl,
	input[type="button"].button_no_fl,
	button.btn_no_fl {
		float: none;
	}

	.button:hover,
	.button:focus {
		background: #d8d8d8;
		background: -moz-linear-gradient(top,  #fbfbfb 0%, #d1d1d1 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#d1d1d1));
		background: -webkit-linear-gradient(top,  #fbfbfb 0%,#d1d1d1 100%);
		background: -o-linear-gradient(top,  #fbfbfb 0%,#d1d1d1 100%);
		background: -ms-linear-gradient(top,  #fbfbfb 0%,#d1d1d1 100%);
		background: linear-gradient(to bottom,  #fbfbfb 0%,#d1d1d1 100%);
		box-shadow: inset 0 -2px 0 -1px #ccc, inset 0 2px 0 -1px #fff;
		color: #333;
		text-decoration: none;
	}

	.button:active {
		background: #eee;
		box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
		color: #808080;
	}

	/* /button */
	
	/* placeholder */

	::-webkit-input-placeholder {
	   color: #aaa;
	   opacity: 1;
	}

	:-moz-placeholder {
	   color: #aaa;
	   opacity: 1; 
	}

	::-moz-placeholder {
	   color: #aaa;
	   opacity: 1;  
	}

	:-ms-input-placeholder {  
	   color: #aaa;
	   opacity: 1; 
	}
	
	/* /placeholder */

	form .captcha {
		margin-bottom: 15px;
	}

/* /form */