/*************************************
*  
*  MAGNETICS
*
*  global.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 10/27/2009
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/

* {
	margin:0;
	padding:0;
	outline:none;
}

body {
	font-size:12px;
	color:#585757;
	background:url('../images/bodyBG.gif') repeat-x #f2f2f2;
}

.mainContainer {
	margin:0 auto;
	padding:0 6px;
	width:960px;
	clear:both;
	background:url('../images/mainBG.jpg') no-repeat left top;
}

.navContainer {
	height:45px;
	clear:both;
	width:960px;
	margin:0;
	padding:0;
	background:url('../images/navMainBG.jpg') repeat-x;
}

.headerContainer {
	clear:both;
	border-left:1px solid #d6d6d6;
	margin-bottom:-1px;
	background:url('../images/headerBG.jpg') repeat-x -1px bottom;	
}

.contentContainer {
	clear:both;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	padding:0 0 50px 0;		
}

.footerContainer {
	clear:both;
	height:35px;
	background:url('../images/footerBG.jpg') repeat-x;
	font-size:11px;
	padding:0 0 0 30px;
	position:relative;
	z-index:0;
}

/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN ELEMENT STYLES
*************************************/

body, div, table, tr, td, th, h1, h2, h3, h4, h5, h6, a, form, input, textarea, blockquote, span, p, select, option, iframe, strong, em {
	font-family:Arial, Helvetica, sans-serif;
}

table {
	border-collapse:collapse;
}

table td {
	vertical-align:top;
}

img {
	border:none;
	outline:none;
}

a {
	text-decoration:none;
	outline:none;
	color:#eb0303;
}

a:hover {
	text-decoration:underline;
}

.clearFloat {
	content: ".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

h1 {
	font-size:18px;
	color:#eb0303;
	font-weight:normal;
	margin:0 0 10px 0;
}

p {
	padding: 0 0 20px 0;
}

.headerNoMargin {
	margin:0 !important;
}

.contentParagraph {}

.textLeft {
	text-align:left !important;
}

.textCenter {
	text-align:center !important;
}

.textRight {
	text-align:right !important;
}

.colWidth35 {
	width:25px !important;
}

.colWidth40 {
	width:40px !important;
}	

.colWidth50 {
	width:50px !important;
}

.colWidth75 {
	width:75px !important;
}

.colWidth100 {
	width:100px !important;
}

.colWidth125 {
	width:125px !important;
}

.colWidth150 {
	width:150px !important;
}

.colWidth200 {
	width:200px !important;
}

.colWidth225 {
	width:225px;
}

.colWidth250 {
	width:250px !important;
}

.subNote {
	font-size:11px;
	color:#585757;
}

.noRightMargin: {
	margin-right:0 !important;
}

.noBottomMargin {
	margin-bottom:0 !important;
}

.bottomMargin5 {
	margin-bottom:5px !important;
}

.noMargin {
	margin:0 !important;
}

.noBorder {
	border:none !important;
}

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

.topBorder {
	border-top:1px solid #bebebe !important;
}

.rightBorder {
	border-right:1px solid #bebebe !important;
}

.bottomBorder {
	border-bottom:1px solid #bebebe !important;
}

.leftBorder {
	border-left:1px solid #bebebe !important;
}

.topPadding8 {
	padding-top:8px !important;
}

.noPadding {
	padding:0 !important;
}

.floatRight {
	float:right !important;
}

.floatLeft {
	float:left !important;
}

.zebraTable {}

.nonZebraTable {}

.zebraAccordionTable {}

.dividerList {}

.totalRow td{
	padding:5px 10px;
	white-space:nowrap;
	color:#000000;
	border-top:1px solid #bebebe;	
}

.titleRow {}

.buttonRow {}

.sortTable {}

.popupContainer {
	background:#ffffff;
	padding:10px 10px 150px 10px;
}

.popupContainer table {	
	border-collapse:collapse;
	width:100%
}

.popupContainer table .tableTitle {
	background:#ededed;
	border-right:1px solid #ffffff;
	padding:3px 6px 3px 4px;
}

.popupContainer table .tableData {
	padding:1px 6px 1px 4px;
}	
	

/*************************************
*  END ELEMENT STYLES
*************************************/



/*************************************
*  BEGIN NAVIGATION LAYOUT
*************************************/

.navContainer ul {
	list-style:none;
}

.navContainer ul li {
	float:left;
	display:inline;
	border-right:1px solid #979797;
}

.navContainer ul li a {
	display:block;
	font-size:14px;
	padding:10px 40px 11px 38px;
	color:#ffffff;
	background:url('../images/navBG.jpg') repeat-x 0 0;
}

.navContainer ul li a:hover {
	background-position: 0 -38px;
	text-decoration:none !important;
}

.spaceContainer {
	margin:-5px 0 0 0;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	height:5px;
}

.mainNav {
	position:relative;
	z-index:5 !important;
}

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

.navContainer ul.mainNav li {
	float:left;
	position:relative;
	z-index:10 !important;
}

.navContainer ul.mainNav li a {
	display:block;
	text-decoration:none;
	outline:none !important;
}

.mainNav li ul { /* Second Level */
	position: absolute !important;
	left: -999em;
	top:37px;
	width:190px;
	padding:0 !important;
	margin:0 !important;
	background:url('../images/navSecondLevelBG.png') no-repeat 0 0 !important;
	border-top:1px solid #bababa;
}

.secondLevelLast {
	background:url('../images/navSecondLevelBottomBG.png') no-repeat bottom left !important;
	padding:0 0 7px 0 !important;
}

.mainNav li ul li {
	border:none !important;
}

.mainNav li ul li a {
	width:162px;
	padding:5px 14px 5px 14px;
	background:none !important;
}

.mainNav li ul li a:hover {
	background:#cacaca !important;
	color:#e72b2b !important;
}

.mainNav li:hover ul ul, .mainNav li:hover ul ul ul, .mainNav li.sfhover ul ul, .mainNav li.sfhover ul ul ul {
	left: -999em;
}

.mainNav li:hover ul, .mainNav li li:hover ul, .mainNav li li li:hover ul, .mainNav li.sfhover ul, .mainNav li li.sfhover ul, .mainNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.mainNav li:hover a, .mainNav li:active a, .mainNav li.sfhover a {
	background-position:0 -38px;
}

.langaugeNAV {
	float:right;
	display:inline;
	margin:0;
	padding:0;
}

.headerChineseLink{
	display:block;
	cursor:pointer;
	margin:0;
	border:none;
	background:#00f003;
}

.headerChineseLink span {
	background:url('../images/Chinese.gif') no-repeat center center !important;
	height:14px;
	width:58px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
}

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

/*************************************
*  END NAVIGATION LAYOUT
*************************************/



/*************************************
*  BEGIN HEADER LAYOUT
*************************************/

.headerLogo {
	float:left;
	display:inline;
	width:460px;
	padding:13px 0 8px 37px;

}

.headerLogo h1 {
	background:url('../images/magneticsLogo.jpg') no-repeat;
	text-indent:-9999px;
	margin:0 !important;
}

.headerLogo h1 a{
	display:block;
	width:173px;
	height:74px;
}
	
.headerSearch {
	margin:0 0 0 516px;
	font-size:11px;
	padding:0;
}

.headerLogin {
	height:51px;
	display:block;
	border-right:1px solid #d6d6d6;
	text-align:right;
	padding:0 10px 0 0;
}

.headerLogin ul {
	float:right;
	list-style:none;
	margin:5px 0;
	padding:0;
}

.headerLogin ul li {
	float:left;
	display:inline;
	color:#585757;
	border-right:1px solid #585757;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
}

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

.headerLoginLogout {
	margin:0 !important;
	padding:0 !important;
	border-right:none !important;
}

.headerLogin p {
	clear:right;
	padding:0;
}

.headerSearchFields {
	height:47px;
	border-right:1px solid #8c8b8b;
	padding-right:1px;
	position:relative;
	color:#ffffff;
}

.headerSearchFields a {
	color:#ffffff;
}

.headerKeywordSearch {
	float:left;
	width:217px;
	padding:5px 0 5px 5px;
	display:inline;
	position:relative;
}

.headerPartNumSearch {
	position:relative;
	margin:0 0 0 223px;
	padding:5px 0 5px 5px;
	font-size:10px;
	height:37px;
}

.headerSearchInput {
	top:2px;
	position:relative;
	display:inline;
	width:104px;
	border:none !important;
	background:url('../images/headerSearchInputBG.png') no-repeat;
	height:17px;
	padding:2px 3px;
	margin:0 0 0 -2px;
}

.headerSearchButton {
	position:relative;
	display:inline;
	top:-1px;
	left:-2px;
	width:17px;
	height:17px;
	background:url('../images/headerSearchButtonBG.png') no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	outline:none;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;	
}

/*************************************
*  END HEADER LAYOUT
*************************************/



/*************************************
*  BEGIN FORM STYLES
*************************************/

.contentSearchButton {
	background:url('../images/contentSearchButtonBG.png') no-repeat;
	width:23px;
	height:23px;
	text-indent:-9999px;
	border:none;
	outline:none;
	overflow: hidden;	
	display:block;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
}

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

.formLabel {
	width:175px;
	text-align:left;
	vertical-align:top;
	color:#000000;
}

.formInput {

}

.formInput input, .formInput select, .formInput textarea, .formInput label {
	margin:0 8px 8px 0;
}

option {
	padding:0 2px;
}

.formFieldContainer {
	margin:0 0 10px 0;
}

.formSmallInput {
	border:1px solid #bebebe;
	padding:2px;
	width:75px;
}

.formMediumInput {
	border:1px solid #bebebe;
	padding:2px;
	width:196px;		
}

.formLargeInput {
	border:1px solid #bebebe;
	padding:2px;
	width:410px;		
}

.formCheckBox {
	position:relative;
	margin:0 2px;
	padfding:2px 0;
	top:2px;
}

.formProccessRequestButton {
	width:125px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	overflow: hidden;
	display:block;	
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -69px;
}

.formSelectAllButton {
	width:91px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -23px;
}

.formDeselectAllButton {
	width:105px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -46px;
}

.formSubmitButton {
	width:70px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 0px;
}

.formLoginButton {
	width:81px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;	
	background:url('../images/formButtons.gif') no-repeat 0 -146px;
}

.formSearchButton {
	width:70px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -173px;
}

.formSubmit2Button {
	width:82px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -92px;
}
	
.formSearchAgainButton	{
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;	
	background:url('../images/formButtons.gif') no-repeat 0 -119px;
}

.formQuoteButton {
	width:70px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -196px;
}

.formSampleButton {
	width:70px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -219px;
}

.formBuyButton {
	width:47px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -242px;
}

.formRefineSearchButton {
	width:101px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -265px;
}

.formGetPricingButton {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -288px;
}

.formSample2Button {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -315px;
}

.formBuy2Button {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -342px;
}

.formSelectAll2Button {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -369px;
}

.formDeselectAll2Button {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -396px;
}

.formAddNewPartButton {
	width:110px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -423px;
}

.formGetOrderDetailsButton {
	width:130px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -446px;
}

.formAddToOrderButton {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -473px;
}

.formPlaceOrderButton {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -500px;
}

.formCheckLeadtimeButton {
	width:125px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -527px;
}

.formGetQuoteButton {
	width:97px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -554px;
}

.formAddNewAddressButton {
	width:130px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -581px;
}

.formEditButton {
	width:97px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -608px;
}

.formSaveButton {
	width:97px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -635px;
}

.formQuote2Button {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -662px;
}

.formRefineSearch2Button {
	width:103px;
	height:22px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -689px;
}

.formDownloadButton {
	width:90px;
	height:18px;
	text-indent:-9999px;
	border:none;
	outline:none;
	display:block;
	overflow: hidden;
	font-size: 0px;
	cursor:pointer;
	line-height: 0px;
	background:url('../images/formButtons.gif') no-repeat 0 -901px;
}

.formSearchInput {
	float:left;
	margin:0 5px 0 0;
}

.formSearchLabel {
	float:left;
	margin:0 5px 0 0;
}

.formButtonHolder {
	text-align:right;
	padding:20px 8px;
}

.formButtonHolder input {
	margin:0 4px;
}

/*************************************
*  END FORM STYLES
*************************************/



/*************************************
*  BEGIN FOOTER LAYOUT
*************************************/

.footerContainer ul {
	list-style:none;
	padding:12px 0 0 0;
}

.footerContainer ul li {
	display:inline;
	float:left;
	background:url('../images/footerDivider.jpg') no-repeat 0 1px;
	margin:0 5px 0 0;
	padding:0 0 0 7px;
	color:#ffffff;
}

.footerContainer ul li a {
	color:#ffffff;
}

.footerFirst {
	background:none !important;
	padding:0px !important;
}

.rohsLogo {
	position:relative;
	z-index:1;
	margin:-21px 2px 0 0;
	float:right;
	width:84px;
	text-indent:-9999px;
	height:41px;
	cursor:pointer;
	display:block;
	background:url('../images/ROHSLogo.png') no-repeat;
}

/*************************************
*  END FOOTER LAYOUT
*************************************/