
/*ET navigation*/	
	.mainVishayNav {
		background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/apac/common/storefront_products/Vishay/landing/toolbox/mainVNav_bkgrnd.gif);
		background-repeat: repeat-x;
		height: 30px;
		width: 980px;
		margin-left: 10px;
	}
	
		.mainBtns {
			display: inline;
			font-size: 14px;
			color: #f7941d;
		}
		
		.mainBtns li {
			display: block;
			float: left;
			margin: 0;
			padding: 8px 2px 0 12px;
			
		}
		
		.mainBtns li a {
			color: #ffffff;
		}
		
		.mainBtns li a:hover {
			color: #f7941d;
		}
		
		.downloadBtn {
			float: right;
			width: 136px;
			border-left: 1px solid #ffffff;	
		}
		
	.subVishayNav {
		background-color: #cacaca;
		height: 30px;
		width: 980px;
		margin-left: 10px;
	}
	
		.subBtns {
			display: inline;
			font-size: 14px;
		}
		
		.subBtn1, .subBtn2, .subBtn3, .subBtn4, .subBtn5, .subBtn6, .subBtn7, .subBtn8 {
			display: block;
			float: left;
			color: #0081c6;
			cursor: pointer;
			margin: 0;
			padding: 8px 0 0 12px;
			
		}
/*end ET navigation*/	
		
		
	
	

/*ET App Area*/	
	.appArea1 {
		width: 980px;
		margin: 5px 0 0 10px;
	}
	
	.appArea2, .appArea3, .appArea4, .appArea5, .appArea6, .appArea7, .appArea8 {
		width: 980px;
		margin: 5px 0 0 10px;
		display: none;
	}
	
		
		.appHead {
			height: 35px;
		}
			
				.appHeadTitle {
					float: right;
					font-size: 16px;
					font-style: italic;
					color: #ffffff;
					padding: 7px 10px 0 0;
				}
				
				.appHeadIcon {
					float: left;
					width: 25px;
					height: 25px;
					margin: 5px 0 0 10px;
				}
				
				.appHeadText {
					float: left;
					font-size: 20px;
					font-weight: bold;
					text-transform: uppercase;
					color: #ffffff;
					padding: 6px 0 0 5px;
				}
			
				
			.appSection {
				width: 980px;
				height: 178px;
				background-image:url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/apac/common/storefront_products/Vishay/landing/toolbox/app_sect_bkgrnd.png);
				background-repeat: repeat-x;
			}
			
				.appImg {
					float: left;
					width: 205px;	
				}
				
				.appTitle {
					float: left;
					width: 170px;
					margin: 10px 0 0 10px;
				}
				
					.appKey {
						font-size: 14px;
						font-style: italic;
						color: #414042;	
					}
					
					.appTitleText {
						font-size: 14px;
						text-transform: uppercase;	
					}
			
			.appNav {
				float: left;
				width: 575px;
				height: 178px;
			}
			
				.appImageBtns {
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
					color: #414042;
					list-style: none;
					display: inline;	
				}
				
					.appImageBtns li {
						display: block;
						float: left;
					}
				
					.appImageBtnOver {
						width: 115px;
						height: 160px;
						color: #0081c6;
						cursor: default;	
					}
					
					.appImageBtn1, .appImageBtn2, .appImageBtn3, .appImageBtn4, .appImageBtn5 {
						width: 115px;
						height: 160px;
						color: #414042;
						cursor: pointer;
					}	
					
						.leftBorder {
							height: 155px;
							border-left: 1px solid #999;
							margin-top: 10px;
						}
					
						.appBtnImg {
							width: 115px;	
						}
						
						.appBtnBullet1, .appBtnBullet2, .appBtnBullet3, .appBtnBullet4, .appBtnBullet5 {
							float: left;
							width: 12px;
							height: 12px;
							margin: 3px 3px 20px 10px;
							background-color: #414042;
							border-radius: 10px;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;	
						}
						
						.appBtnBulletOver{
							float: left;
							width: 12px;
							height: 12px;
							margin: 3px 3px 20px 10px;
							background-color: #0081c6;
							border-radius: 10px;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;	
						}
						
						.appBtnText {
							font-size: 10px;
							padding: 3px;
						}
	
		.introText {
			width: 960px;
			font-size: 16px;
			color: #414042;
			padding: 10px 15px;	
		}
		
			.introBtn {
				float: left;
				width: 210px;
				height: 40px;
				background-color: #cacaca;
				border: 1px solid #b7b7bc;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				margin: 10px 0 0 25px;
				cursor: pointer;	
			}
			
			
				.introBtnIcon {
					float: left;
					width: 40px;
					height: 33px;
					padding: 7px 0 0 15px;
					border-top-left-radius: 20px;
					border-bottom-left-radius: 20px;
					-moz-border-radius-topleft: 20px;
					-moz-border-radius-bottomleft: 20px;
					-webkit-border-top-left-radius: 20px;
					-webkit-border-bottom-left-radius: 20px;
					cursor: pointer;	
				}
				
				.introBtnText {
					float: left;
					width: 145px;
					font-size: 14px;
					padding-left: 10px;
					cursor: pointer;	
				}
				
					.introBtn a{
						color: #414042;	
					}
					
					.introBtn a:hover{
						color: #0081c6;	
					}
		
		
		
		
		.downloadShell {
				width: 920px;
				background-color: #cacaca;
				border: 1px solid #b7b7bc;
				border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				margin: 10px 0 0 25px;
			}
			
				.downloadIcon {
					float: left;
					width: 40px;
					padding-left: 15px;
					border-top-left-radius: 20px;
					border-bottom-left-radius: 20px;
					-moz-border-radius-topleft: 20px;
					-moz-border-radius-bottomleft: 20px;
					-webkit-border-top-left-radius: 20px;
					-webkit-border-bottom-left-radius: 20px;	
				}
				
				
				
				.downloadTextShell {
					float: left;
					font-size: 14px;
					padding: 5px 0 0 10px;	
				}
				
					.downloadTitle {
						font-weight: bold;
						color: #000000;
					}
					
					.downloadText {
						float: left;
						font-size: 14px;
						padding: 5px 10px 0 0;
					}
				
					
					.downloadText a{
						color: #414042;	
					}
					
					.downloadText a:hover{
						color: #0081c6;	
					}
					
					.borderRt {
						border-right: 1px solid #414042;	
					}
		
		
		.downloadTitle {
			font-size: 14px;
			font-weight: bold;
			color: #000000;	
		}
		
		.downloadText {
			font-size: 14px;
			line-height: 18px;
			color: #414042;	
		}
			
			
			.downloadText a{
				color: #414042;	
			}
					
			.downloadText a:hover{
				color: #0081c6;	
			}
/*end ET App Area*/
		
		
/*ET Info Area*/			
.infoArea1 {
	width: 980px;
	margin: 5px 0 0 10px;
	padding-bottom: 10px;	
}

.infoArea2, .infoArea3, .infoArea4, .infoArea5 {
	width: 980px;
	margin: 5px 0 0 10px;
	padding-bottom: 10px;
	display: none;	
}
	
	.infoHead {
		padding: 5px 0 0 10px;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		color: #ffffff;	
	}
	
	.infoBtnsAE {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsAE li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #cae2a4;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsAE li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #cae2a4;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
			
			.infoBtnsAE li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #e1eccf;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
		
		
		
	.infoBtnsAS {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsAS li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #99d7d3;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsAS li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #99d7d3;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
			
			.infoBtnsAS li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #bfe6e3;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
			
			
	.infoBtnsAU {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsAU li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #a1c4e0;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsAU li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #a1c4e0;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
			
			.infoBtnsAU li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #cfdfef;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
		
		
		
	.infoBtnsCO {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsCO li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #f6d1c7;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsCO li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #f6d1c7;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
			
			.infoBtnsCO li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #fae5df;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
		
		
	.infoBtnsCN {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsCN li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #ffebb6;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsCN li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #ffebb6;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
			
			.infoBtnsCN li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #fff5d8;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				display: inline;
			}
		
	
	.infoBtnsIN {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsIN li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #fdd3a4;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsIN li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #fdd3a4;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			.infoBtnsIN li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #ffe0bf;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			
	.infoBtnsME {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsME li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #b4b4da;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsME li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #b4b4da;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			.infoBtnsME li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #d1d1e9;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			
	.infoBtnsTE {
		width: 980px;
		margin: 0;
		padding-left: 5px;
		list-style: none;
	}
		
		.infoBtnsTE li {
			float: left;
			height: 110px;
			width: 236px;
			background-color: #e1c1d9;
			margin: 5px 0 0 5px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			display: inline;
		}
		
			.infoBtnsTE li a {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #e1c1d9;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			.infoBtnsTE li a:hover {
				float: left;
				height: 110px;
				width: 236px;
				background-color: #edd9e8;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
	
			.btnTextShell {
				float: left;
				width: 166px;
				margin: 5px 0 0 10px;
			}
	
				.btnGroup {
					font-size: 11px;
					color: #0081c6;
				}
		
				.btnPart {
					font-size: 13px;
					font-weight: bold;
					color: #000000;
					padding-top: 3px;
				}
				
				.btnText {
					font-size: 13px;
					line-height: 15px;
					color: #414042;
					padding-top: 3px;
					overflow: hidden;
				}
				
				.btnImg {
					float: right;
				}
		
	.btnBuy {
		float: right;
		width: 50px;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		color: #bd3738;
		padding: 4px 9px 0 0;
	}
/*End universal button CSS*/	
			
		
/*lightbox*/
	.blackOverlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		display: none;
		background-color: #000;
		z-index:1001;
		-moz-opacity: 0.8;
		opacity:.8;
		filter: alpha(opacity=80);
		cursor: default;
	}
	
	
	.lightbox {
		position: fixed;
		top: 10%;
		left: 32%;
		width: 400px;
		background: #fff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		z-index: 1002;
		display: none;
		
	}
	
		.lightboxHead {
			width: 400px;
			height: 40px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;	
		}
		
			.lightboxHeadIcon {
				float: left;
				margin: 6px 10px 0 10px;	
			}
			
			.lightboxHeadTitle {
				float: left;
				font-size: 16px;
				font-weight: bold;
				text-transform: uppercase;
				color: #ffffff;
				padding-top: 11px;	
			}
			
			.close {
				float: right;
				color: #ffffff;
				cursor: pointer;
				margin: 13px 10px 0 0;	
			}
			
				.close a {
					color: #ffffff;	
				}
				
				.close a:hover {
					color: #ffffff;	
				}
			
		.lightboxBody {
			width: 400px;
			margin: 5px 0;
		}
			
			.lightboxBodyHead {
				width: 400px;
				padding-top: 10px;	
			}
			
				.lightboxBodyImg {
					float: right;
					width: 100px;
					height: 100px;
					background-color: #f6f6f6;
					border: 1px solid;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					margin-right: 10px;	
				}
				
				.lightboxBodyTitle {
					float: left;
					width: 250px;
					padding: 0 0 5px 10px;	
				}
					
					.lightboxBodyGroup {
						padding-bottom: 10px;	
					}
					
					.lightboxBodyPart {
						font-size: 18px;
						font-weight: bold;
						color: #000000;
						padding-bottom: 5px;	
					}
					
					.lightboxBodyDesc {
						font-size: 16px;
						color: #414042;	
					}
					
				.lightboxBodyContent {
					font-size: 16px;
					color: #414042;
					padding: 10px;
				}
				
					.lightboxBodySection {
						font-size: 14px;
						font-weight: bold;
						margin-bottom: 5px;	
					}
					
					.lightboxBodyBullets {
						width: 350px;
						color: #414042;
						margin: 0;
						padding: 0 0 0 1em;		
					}
					
						.lightboxBodyBullets a {
							color: #414042;		
						}
						
						.lightboxBodyBullets a:hover {
							color: #0081c6;		
						}
					
					.lightboxBodyLinks {
						width: 350px;
						list-style-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/apac/common/storefront_products/Vishay/landing/toolbox/pdficon_small.png);
						color: #414042;
						margin: 0 0 0 10px;
						padding: 0 0 0 1em;		
					}
					
						.lightboxBodyLinks a {
							color: #414042;		
						}
						
						.lightboxBodyLinks a:hover {
							color: #0081c6;		
						}
		
		.lightboxFooter {
			width: 400px;
			height: 40px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;	
		}
		
			.lightboxFooterLogo{
				float: right;
				margin: 6px 10px 0 0;	
			}
	
/*end lightbox*/


/*buy now buttons*/
		.buyBtn {
			float: right; 
			padding-top: 5px;
			margin: 0;
		}			
			
			.buyBtnContent {
				margin:0; 
				padding:0; 
				list-style:none;
			}

				.buyBtnContent ul {
					position:absolute; 
					left:0; 
					display:none; 
					margin:0 0 0 -1px; 
					padding:0; 
					list-style:none;
				}
				
				.buyBtnContent li {
					float:left; 
					display:block; 
					width:100px; 
					background:#ccc; 
					position:relative;
					z-index:500; 
					margin:0 1px;
				}
				
				.buyBtnContent li a {
					display:block;  
					height:26px; 
					text-decoration:none; 
					color:#fff; 
					text-align:center; 
					color:#3778b8;
				}
				
				.buyBtnContent li a:hover {
					color: #333;
				}
				
				.buyBtnContent ul li {
					width:100px; 
					float:left; 
					border-top:1px solid #fff;
				}
				
				.buyBtnContent ul a {
					display:block;  
					height:15px; 
					text-decoration:none;
					color:#3778b8;
				}
				
				.buyBtnContent ul a:hover {
					color: #333;	
				}
/*end buy now buttons*/			
			
				
		.btmText {
			height: 20px;
			font-size: 10px;
			padding: 0 19px 0 19px;
			_padding: 0 19px 0 19px;
		}
		
		.left {
			float: left;
		}
		
		.right {
			float: right;
			text-align: right;
		}
			
			
			
	
			
	
	#Vishayfooter
		{
		height: 17px;
		width:1000px;
		color: #508cc2;
		padding: 0 0 0 22px;
		float:left;
		clear:both;
		}
			
		#Vishayfooter a
			{
			color: #3778b8;
			text-decoration: none;
			}							