/*************************************
 MAGNETICS
 Chinese
 design.css
 
 Last Updated By: Ryan Perry
 Last Updated: 11/06/2009
*************************************/



/*************************************
*  BEGIN CHECK INVENTORY LAYOUT
*************************************/

.inventorySearchContainer {
	position:relative;
}

.inventorySearchButton {
	position:relative;
	top:1px;
	outline:none !important;
	cursor:pointer;
	border:none;
	outline:none;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;	
}

.inventorySearchContainer label {
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	float:left;
	padding:3px 0;
	width:150px;
}

.inventorySearchInput {
	border:1px solid #bebebe;
	padding:2px;
}

.inventoryResultsContainer {
	margin:30px 0 0 0;
	background:url('/images/spang/inventoryResultsBG.jpg') repeat-x 0 20px;
	padding:0 0 14px 0;
}

.inventoryResultsContainer h2 {
	margin:0 0 14px 0 !important;
	height:20px;
}

.inventoryResultsTable {
	border-collapse:collapse;
	width:649px;
	margin:0 8px;	
}


.inventoryResultsTable .colTitle {
	/*border-bottom:1px solid #bebebe;*/
}

.inventoryResultsTable .colData {
	font-size:11px;
}

/*************************************
*  END CHECK INVENTORY LAYOUT
*************************************/



/*************************************
*  BEGIN LITERATURE LAYOUT
*************************************/

.literatureTable {
	width:649px;
	border-collapse:collapse;
	font-size:11px;	
}

.literatureTable .formSmallInput {
	width:45px;
}
/*
.literatureTable .formCheckBox {
	width:10px;
	text-align:center;
}
*/
.literatureTable .check {
	position:relative;
}

.literatureTable .check .formCheckBox {
	position:relative;
	left:9px;
	/*top:4px;*/
}

.literatureTable .colDataNoBorder {
	vertical-align:middle !important;
}

.literatureTable a {
	color:#eb0303 !important;
}

.literatureTable a.link-pdf {
	background:url('/images/spang/icon-pdf.gif') no-repeat right top !important;
	padding-right:15px;
}

.literatureTable a:hover {
	color:#eb0303 !important;
	text-decoration:underline;
}

.literatureButtonHolder {
	border-top:1px solid #c9c9c9;
	padding:1px 0 0 0;
	margin:30px 0 0 0;
	height:22px;
	display:block;
}

/*************************************
*  END LITERATURE LAYOUT
*************************************/



/*************************************
*  BEGIN CROSS REFERENCE LAYOUT
*************************************/

.crossRefSearchContainer {
	position:relative;
}

.crossRefSearchContainer label {
	font-size:14px;
	font-weight:bold;
}

.crossRefSearchInput {
	position:relative;
	border:1px solid #bebebe;
	padding:2px;
}

.crossRefSearchButton {
	position:relative;
	top:-5px;
	outline:none !important;
	border:none;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;		
}

.crossRefResultsContainer {
	margin:40px 0 0 0;
}

.crossRefResultsContainer h1 {
	margin:0 0 10px 0 !important;
	border-bottom:1px solid #cccccc;
}
.crossRefTable td {
	height:30px;
	border-bottom:1px solid #eeeeee;
	vertical-align:middle;
	margin:20px 0 0 0;
}

.crossRefPart {
	border-right:0px solid #eeeeee;
	padding-left:10px;
	padding-right:5px;
	font-weight:bold;
}
.crossRefLink {
	border-right:0px solid #eeeeee;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
}

.crossRefLinks {
	list-style:none;
	margin:40px 0 0 0;
}

.crossRefLinks li {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	border-right:1px solid #b2b2b2;
	padding:0 10px 0 0;
}

.lastLink {
	border:none !important;
}

.crossRefCheckDistributorStock {
	display:block;
	height:16px;
	width:129px;
	text-indent:-9999px;
	cursor:pointer;
	background:url('/images/spang/crossRefButtons.png') no-repeat 0 0;	
}

.crossRefRequestQuote {
	display:block;
	height:16px;
	width:95px;
	text-indent:-9999px;
	cursor:pointer;
	background:url('/images/spang/crossRefButtons.png') no-repeat 0 -18px;	
}

.crossRefFindSimilarParts {
	display:block;
	height:16px;
	width:101px;
	text-indent:-9999px;
	cursor:pointer;
	background:url('/images/spang/crossRefButtons.png') no-repeat 0 -36px;
}

.crossRefAdvancedSearch {
	display:block;
	height:16px;
	width:102px;
	text-indent:-9999px;
	cursor:pointer;
	background:url('/images/spang/crossRefButtons.png') no-repeat 0 -54px;
}

.crossRefResultsContainer table td.noRightBorder {
	border:0 !important;
}
/*************************************
*  END CROSS REFERENCE LAYOUT
*************************************/



/*************************************
*  BEGIN SELECTION GUIDE LAYOUT
*************************************/

.selectionGuideContainer {
	margin:0 0 50px 0;
}

.selectionGuideTable {
	border-collapse:collapse;
	width:655px;
}

/*************************************
*  END SELECTION GUIDE LAYOUT
*************************************/



/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/
.inventoryResultsTable #popup {position:relative; z-index:500;}
.inventoryResultsTable #popup a span {display:none; position:relative; z-index:500;}
.inventoryResultsTable #popup a, .inventoryResultsTable #popup a:visited {position: relative; z-index:500; display: block; padding: 0 10px; margin: 0; border:none !important; 	text-decoration:none !important;}
.inventoryResultsTable #popup a:hover	{color: #f00; background-color: #e9e9e2; text-indent: 0; }
.inventoryResultsTable #popup a:hover span{display: block; position: absolute; 	z-index:500; top: 0px; left: 225px; width: 320px; margin: 0 0 0 25px; padding: 10px; color: #335500; font-weight: normal;	background: #e5e5e5;	text-align: left;	text-decoration: none;	border: 1px solid #666;}


