/*************************************
*  
*  MAGNETICS
*
*  secondary_page.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 07/31/2009
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/
.contentContainer {
	background:url('/images/spang/secondaryBG.jpg') repeat-x 0 0 #ffffff !important;
	padding:25px 0 75px 0 !important;
	overflow: hidden;
}
/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN CONTENT LAYOUT
*************************************/


div.contentFull {
	overflow: visible;
}

.contentContainer ul {
	list-style-type: none;
	margin: 0 0 10px 15px;
}

div.contentFull ul li {
	padding:0 0 4px 15px !important;
}



.toolTip {
	display:none;
}

.contentLeft {
	float:left;
	display:inline;
	width:193px;
	padding:35px 0 0 0;
	background:url('/images/spang/secondaryLeftBG.jpg') no-repeat left top;
}

.contentRight {
	background:url('/images/spang/secondaryRightBG.jpg') no-repeat left top;
	margin:0 0 0 193px;
	padding:0 0 0 41px;	
	min-height:400px;	
}

.contentRight h2 {
	font-size:14px;
	font-weight:bold;
	color:#585757;
	margin:0 0 20px 0;
}

.contentRight h3 {
	font-size:12px;
	font-weight:bold;
}

.contentRight h1 {
	margin:0 0 25px 0;
}

.contentList {
	list-style:none;
	margin:0 0 2px 15px !important;
}

.contentList li {
	padding:0 0 4px 15px !important;
	background:url('/images/spang/contentBullet.gif') no-repeat	0 4px;
}

.contentSeparator {
	height:17px;
	border-bottom:1px solid #a8a8a8;
	margin:0 0 17px 0;
}



/*************************************
*  END CONTENT LAYOUT
*************************************/



/*************************************
*  BEGIN TWO COLUMN LAYOUT
*************************************/

.contentFull {margin:0 60px 0 0}
.contentFullExtended {margin:0 20px 0 0;}
.contentFullExtended .content-box {width:675px; margin-bottom:25px;}



/*************************************
*  END TWO COLUMN LAYOUT
*************************************/



/*************************************
*  BEGIN THREE COLUMN LAYOUT
*************************************/

.contentMain {
	float:left;
	display:inline;
	width:451px;
	padding:0 13px 0 0;
}

.contentSupplement {
	margin:0 0 0 492px;
	font-size:11px;
	padding-right:38px;
}

.contentSupplement p {
	padding:0 0 20px 0 !important;
}

.contentSupplement h2 {
	margin:0 0 0 0 !important;
	font-size:13px;
	font-weight:bold;
}

/*************************************
*  END THREE COLUMN LAYOUT
*************************************/



/*************************************
*  BEGIN BREADCRUMB LAYOUT
*************************************/

.contentBreadcrumb {
	margin:0 0 25px 0;
	font-size:11px;
}

.contentBreadcrumb a {
	color:#7f7e7e;
}

.breadcrumbPAGE {
	color:#3b3b3b !important;
}

/*************************************
*  END BREADCRUMB LAYOUT
*************************************/



/*************************************
*  BEGIN SUB-MENU LAYOUT
*************************************/

.subNAV {
	list-style:none;
	font-size:12px;
}

.subNAV li {
	margin:0;
	padding:0;
	display:block;
}

.subNAV li a {
	color:#3b3b3b;
	display:block;
	padding:5px 0 2px 20px;
	margin:0;	
}

.subNAV li a:hover {
	background:url('/images/spang/subNavBG.jpg');
}

.subNAV li ul {
	list-style:none;
}

.subNAV li ul li {
	padding:0 0 5px 15px !important;
	font-size:11px !important;
	margin:0 !important;
}

.subNAV li ul li a {
	color:#585757;
}

.subNAV li ul li a:hover {
	background:none !important;
}

.selectedSubNav a {
	color:#e90404 !important;
	display:block;
	background:url('/images/spang/subNavBG.jpg');
}


/*First Level Sub Navigation*/
.FirstNoChildNode, .NoChildNode, .HasChildNode, .FirstHasChildNode  {
	color:#3b3b3b;
	display:block;
	width:173px;
	padding:5px 0 2px 20px;
	margin:0;
	cursor:pointer;
	white-space:normal;
}

/*First Level Sub Navigation Hover*/
.FirstNoChildHoverNode, .NoChildHoverNode, .LastParentNodeHover, .HasChildHoverNode, .FirstHasChildHoverNode  {
	background:url('/images/spang/subNavBG.jpg');
	color:#3b3b3b;
	display:block;
	padding:5px 0 2px 20px;
	margin:0;
	width:173px;	
	cursor:pointer;
	text-decoration:underline;
	white-space:normal;	
}


/*First Level Selected Sub Navigation*/
.SelectedNodeNoChild, .FirstSelectedNodeNoChild, .SelectedLastParentNode, .SelectedNodeHasChild, .FirstSelectedParentNode, .SelectedParentNode {
	color:#e90404 !important;
	display:block;
	background:url('/images/spang/subNavBG.jpg');
	width:173px;
	padding:5px 0 2px 20px;
	margin:0;
	cursor:pointer;
	white-space:normal;	
}

/*First Level Selected Sub Navigation Hover*/
.SelectedNodeNoChildHover, .FirstSelectedNodeNoChildHover, .SelectedLastParentNodeHover, .SelectedNodeHasChildHover, .FirstSelectedParentHoverNode, .SelectedNodeNoChildHover, .SelectedParentHoverNode  {
	color:#e90404 !important;
	display:block;
	background:url('/images/spang/subNavBG.jpg');
	width:173px;
	padding:5px 0 2px 20px;
	margin:0;
	cursor:pointer;
	white-space:normal;
	text-decoration:underline;	
}

/*First Level Last Sub Navigation*/
.LastParentNode {
	color:#3b3b3b;
	display:block;
	width:173px;
	padding:5px 0 2px 20px;
	margin:0;
	cursor:pointer;
	white-space:normal;	
}

/*Second Level Sub Navigation*/
.FirstSecondLevelTreeNode, .SecondLevelTreeNode, .LastSecondLevelTreeNode {
	padding:0 0 5px 35px !important;
	font-size:11px !important;
	margin:0 !important;
	color:#585757;
	cursor:pointer;
	width:158px;
}

/*Second Level Selected Sub Navigation*/
.FirstSecondLevelSelectedTreeNode, .SecondLevelSelectedTreeNode, .LastSecondLevelSelectedTreeNode  {
	text-decoration:underline;
	padding:0 0 5px 35px !important;
	font-size:11px !important;
	margin:0 !important;
	color:#585757;
	cursor:pointer;
	width:158px;	
}

/*Second Level Sub Navigation Hover*/
.FirstSecondLevelHoverTreeNode, .SecondLevelHoverTreeNode, .LastSecondLevelHoverTreeNode, 
.FirstSecondLevelSelectedHoverTreeNode, .SecondLevelSelectedHoverTreeNode, .LastSecondLevelSelectedHoverTreeNode  {
	padding:0 0 5px 35px !important;
	font-size:11px !important;
	margin:0 !important;
	color:#585757;
	cursor:pointer;
	width:158px;	
	text-decoration:underline;
}

/*************************************
*  END SUB-MENU LAYOUT
*************************************/



/*************************************
*  BEGIN ACCORDION LAYOUT
*************************************/

.accordionContainer {
	width:660px;
	display:block;
}

.accordionModule {
	margin:0 0 1px 0;
}

.accordionHeader, .nonAccordionHeader, .ui-accordion-header {
	background:url('/images/spang/accordionHeaderBG.jpg') repeat-x 0 0;
	font-size:12px !important;
	font-weight:normal !important;
}

.accordionHeader:hover, .ui-state-hover, .accordionHeaderHover {
	background-position: 0 -24px;
}

.nonAccordionHeader {
	border:1px solid #bababa;
	display:block;
	padding:3px 7px 0 7px;
	height:16px;
	color:#eb0303;	
}

.accordionHeader a {
	border:1px solid #bababa;
	display:block;
	padding:3px 7px 0 7px;
	cursor:pointer;
	height:16px;
	background:url('/images/spang/accordionExpandIcon.gif') no-repeat right -1px;	
}

.accordionHeader a:hover {
	color:#171717 !important;
	text-decoration:none;
	background-position:right -25px;		
}

.accordionModule  .ui-state-active {
	background:url('/images/spang/accordionHeaderBG.jpg') repeat-x 0 -24px !important;
}

.accordionModule  .ui-state-active a {
	background:url('/images/spang/accordionExpandIcon.gif') no-repeat right -49px !important;	
	color:#171717 !important;
	text-decoration:none;	
}
	
.accordionContent, .ui-accordion-content {
	margin:1px 0 0 0;
	background:url('/images/spang/accordionContentBG.jpg') repeat-x #ffffff !important;
	padding:10px 5px 30px 5px;
	display:none;
	height:auto;
}

.oddAccordionRow {
	background-color:#e5e5e5;
}

/*************************************
*  END ACCORDION LAYOUT
*************************************/



/*************************************
*  BEGIN DATA TABLE LAYOUT
*************************************/

.colTitle {
	border-right:1px solid #bebebe;
	color:#000000 !important;
	padding:5px;	
}

.colData {
	border-right:1px solid #bebebe;
	padding:5px;
}

.colDataNoBorder {
	border-right:none !important;
	padding:5px;	
	position:relative;
}

.lastCol {
	border-right:none !important;
}

.firstRow {
	border-top:1px solid #bebebe;
	padding-top:10px !important;
}

table td a {
	color:#eb0303 !important;
}

.oddRowBG {
	background-color:#f2f2f2;
}

.contentTable {
	border-collapse:collapse;
	width:600px;
	font-size:12px;
}

/*************************************
*  END DATA TABLE LAYOUT
*************************************/



/*************************************
*  BEGIN SEARCH STYLES
*************************************/

.searchResultsInput {
	border:1px solid #bebebe;
	padding:2px;
}

.searchCountainer {
	margin:0 0 35px 0;
}

.pageResults {
	padding:2px 233px 0 240px;
	margin:0 0 15px 0;
	text-align:center;
	background:url('/images/spang/pageDivider.gif') no-repeat;
	
}

.pageResults a, .pageResults span {
	color:#4e4e4e;
	margin:0 5px 0 0;
}

.current a {
	color:#eb0303 !important;
}

.advancedSearchDatasheet {
	position:relative;
	height:50px;
	display:block;
}


.advancedSearchDatasheet label {
	padding:3px 0;
	display:inline-block;
}
.advancedSearchDatasheetInput {
	border:1px solid #bebebe;
	padding:2px;
	float:left;
	margin:0 5px;
}

.advancedSearchDatasheetButton {
	position:relative;
	top:1px;
}

.advancedSearchTable {width:500px;}

.advancedSearchTable .formLabel {
	width:100px;
	padding:3px 0;
}

.advancedSearchTable .formSpan {
	display:inline;
	height:20px;
	width:50px;
	position:relative;
	
}

.advancedSearchTable select .formSmallInput {
	text-align:left;
}

.advancedSearchResultsTable {
	width:655px;
	border-collapse:collapse;
	/*width:100%;*/
}

.advancedSearchResultsTable .colTitle {
	vertical-align:bottom;
}

.advancedSearchResultsTable .colData {
	border-top:1px solid #bebebe;
	font-size:11px;
}

.advancedSearchResultsTable  .checkbox {
	width:15px;
	padding:5px;
	position:relative;
	border-top:1px solid #bebebe;	
}

.advancedSearchResultsTable  .checkbox input {
	/*margin:2px 0 0 0 !important;*/
	top:0px;
	position:relative;
}

.advancedSearchButtons {
	margin:50px 0 !important;
	padding:1px 0 0 0;
	border-top:1px solid #a8a8a8;
}

.advancedSearchResultsContainer {
	display:block;
}

.searchContainerButton {
	position:relative;
	top:-3px;
}

.portalProductSearchTable {
	white-space:nowrap;
	margin:0 0 30px 0;
}

.portalProductSearchTitle {
	padding:3px 10px;
	color:#000000;
	background:#ececec;
	font-size:12px;
	white-space:nowrap;
}

.portalProductSearchData {	
	padding:2px 10px;
	white-space:nowrap;
	border-right:1px solid #bebebe;	
}

.portalProductSearchButtons {
	margin:20px 0;
}

.portalProductSearchButtons input {
	margin:0 4px;
}

/*************************************
*  END SEARCH STYLES
*************************************/



/*************************************
*  BEGIN SITEMAP LAYOUT
*************************************/

.sitemapContainer {
	float:left;
	display:inline;
	width:145px;
	margin:0 20px 40px 0;
}

.sitemapContainer h2 a, .sitemapContainer h2{
	color:#6c6c6c !important;
	margin:0 0 10px 0 !important;
	font-size:13px;
	font-weight:bold;
}

.sitemapContainer ul {
	list-style:none;
	margin:0;
}

.sitemapContainer ul li {
	
}

.sitemapContainer ul li ul{
	list-style:disc;
	margin:2px 0 6px 20px;
	font-size:11px;
}

.sitemapContainer ul li ul li a{
	font-size:11px;
	color:#858585;
}

/*************************************
*  END SITEMAP LAYOUT
*************************************/



/*************************************
*  BEGIN SCROLL CONTAINER STYLES
*************************************/

.contentScrollContainer {
	overflow:auto;
	width:655px;
	margin:5px 0 0 0;
	height:auto;
	padding:0 0 20px 0;
	overflow-y:hidden;
	white-space:nowrap;
	border:1px solid #bebebe;
	position:relative;
}

/*************************************
*  END SCROLL CONTAINER STYLES
*************************************/






/*************************************
*  BEGIN TOOLTIP STYLES
*************************************/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;	
	padding: 5px;
}

#tooltip h3, #tooltip div { 
	margin: 0; 
}

#tooltip.toolTipOverlay{
	font-family:Arial, Helvetica, sans-serif;
	border: none;
	padding:10px;
	width:162px;
	height:109px;	
	background:url('/images/spang/toolTipBG.png') no-repeat;
}

/*************************************
*  END TOOLTIP STYLES
*************************************/

.ui-accordion-content-active
{
	display:block;
}