/* ====================================================================
   StyleSheet for BuyMicrochip Web Application
   Release History:
   Initial Release: v1.0, Date: 02/11/2003, Author: Dave Milner
   ====================================================================
*/

/*============================UI PAHSE 2 ============================*/

.DarkGreenWhiteBold
{
	background-color: #299B45;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
.pricingNote
{
	color:#5A5D5B;
	font-size:11px;	
}
.DarkGreen
{
	background-color: #299B45;
}
.LightGreySmallText
{
	color:#757575;
	font-size:11px;
}
.ProductDetailNewLabel
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #6E6E6E;
}
.productTable
{
	background-color:#F6F6F6;
	border-top-color: #C6C6C6;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #C6C6C6;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #C6C6C6;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #C6C6C6;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

.tableStandardPricing
{
	background-color:#D7E7DC;
	border-top-color: #8F8F8F;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #8F8F8F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.tableBusinessPricing
{
	background-color:#E9E7E8;
	border-top-color: #8F8F8F;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #8F8F8F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.tableMainBusinessPricing
{
	background-color:#E9E7E8;
	border-top-color: #8F8F8F;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #8F8F8F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
/*============================UI PAHSE 2 ============================*/

/*============================Left Nav ============================*/
/* ------- Styles created for left nav ------------------*/

.GreenNormalBold
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight:bold;
	color: #318c43;
	text-decoration:none;
}

.DarkGreenNormal
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #318c43;
	text-decoration:none;
}

.LightBlueBold
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight:bold;
	color: #4D5B94;
}

.htmlCartContainer
{
	left: 734;
	top:auto;
	display: block;
	visibility: hidden;
	z-index: 1;	
	width: 210;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	vertical-align:top;
	margin-top:2;	
}
.htmlCartCountContainer
{
	left: 785; 
	top:auto; 
	display: block; 
	visibility: visible; 
	z-index: 1; 
	width: 100;
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	position: absolute; 
	vertical-align:top; 
	margin-top:0; 
	top:56px;
}
A.ProductTreeLink:link, A.ProductTreeLink:visited
{
	color: #6D6D6D;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
A.ProductTreeLink:hover
{
	color: #0000ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

.ProductTreeHeader
{
	
	font-size: 18px;
	color: #535353;
	text-decoration:none;
}

.ProductTreeSubHeader
{
	border-top-color: #00CC33;
	border-top-style: solid;
	border-top-width: 2px;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}
.MiniCartHeader
{
	
	font-weight:bold;
	font-size: 11px;
	color: #D0D5E9;
	text-decoration:none;
}

.MiniCartMenuSep
{
	/*background: url(../Images/UI/cart_sep.jpg);*/
	background-repeat:repeat-y;
	width:1px; 
}

A.MiniCartLink, A.MiniCartLink:link, A.MiniCartLink:active, A.MiniCartLink:visited, A.MiniCartLink:hover
{
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.MiniCartBackground
{
	background-color: #586ED1;
}
.MiniCartTopBar
{
	background: url(../Images/UI/minicart_topbar.jpg) no-repeat;
}

.MiniCartBottomBar
{
	background: url(../Images/UI/minicart_btmbar.jpg) no-repeat;
}
.MiniCartItemBackground
{
	background-color: #F5F5F5;
}
.LeftNavTableLightGreen
{
	background-color: #e1eae3;
}
.menuBorder
{
	border-right: #2cb94f 1px solid;
	border-top: #2cb94f 1px solid;
	border-left: #2cb94f 1px solid;
	border-bottom: #2cb94f 1px solid;
}
.mnuLeftMenuSep
{
	background: url(../Images/UI/leftmenu_sep.gif) no-repeat;
	height:1px;
}

A.leftMenuLink, A.leftMenuLink:link, A.leftMenuLink:active, A.leftMenuLink:visited, A.leftMenuLink:hover,A.leftMenuLink:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #318c43;
	/* font-family:Lucida Sans; */
	text-decoration:none;
}

A.leftMenuLinkBold, A.leftMenuLinkBold:link, A.leftMenuLinkBold:active, A.leftMenuLinkBold:visited,A.leftMenuLinkBold:hover

{
	font-weight: normal;
	/* font-size: 10px; */
	font-size: 11px;
	color: #318c43;
	/* font-family:Lucida Sans; */
	font-weight:bold;
	text-decoration:none;
}

A.menuLink, A.menuLink:link, A.menuLink:active, A.menuLink:visited, A.menuLink:hover
{
	font-size:11px;
	color:#6d6d6d;
	text-decoration:none;
	font-family:Lucida Sans;
	font-weight:bold;
}

A.menuLinkNew, A.menuLinkNew:link, A.menuLinkNew:active, A.menuLinkNew:visited, A.menuLinkNew:hover
{
	font-size:11px;
	color:#6d6d6d;
	text-decoration:none;
	/* font-family:Lucida Sans; */
	font-weight:bold;
}

.leftMenuActive
{
	background: url(../Images/UI/md_leftnav_active.gif) no-repeat;
	cursor: hand;
	height: 25px;	
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	/* font-family: Lucida Sans; */
	text-align: left;
	text-decoration: none;
}

.leftMenuInactive
{
	background: url(../Images/UI/md_leftnav_inactive.gif) no-repeat;
	cursor: hand;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	/* font-family: Lucida Sans; */
	text-align: left;
	text-decoration: none;
}
/*--------- end of styles for left nav -------*/
/*============================Left Nav ============================*/
/* ===================Suggestive Selling CSS ======= */

.CrossSellTabMouseOver
{
	color:  blue;/*#036A1C; */
	text-decoration:underline;
}

.CrossSellTabMouseOut
{
	text-decoration:none;
}

.SuggestionMenuFooterColor
{
	background-color: #F6F6F6;/*#d6e6db;*/
}
.SuggestionServiceHeaderActive
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;/*#ffffff;*/
	background: url(../Images/UI/suggSelling_active.gif);/*#F6F6F6;*/
	
}
.SuggestionServiceHeaderInActive
{
	/* UI DESIGN PHASE - II : The text on all tabs should be white  */
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;/*#ffffff;*/
	background: url(../Images/UI/suggSelling_inactive.gif) ;/*#E9E7E8;*/
	border-bottom-color: #9BCF9F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.SuggestionServiceSubHeaderActive
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;/*#ffffff;*/
	background-color: #D7E7DC;/*#299B45;*/
}
.SuggestionHeading
{
	background-color: #4960c3;
	color: #cfd4e8;
	font-weight: bold;
	font-size: 12px;
}
.SuggestionBackGround
{
	background-color: #F6F6F6;/*#D6E6DB;*/
}
.SuggestionMenuBorder
{
	background-color: #9BCF9F;
}

.SuggestionMenuSeperator
{
	background-image: url(../Images/UI/csSep.gif);
	background-repeat:repeat-y
}

.SuggestionSubHeading
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
A.RightNavLink:link, A.RightNavLink:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #0000FE;
	text-decoration: none;
}
A.RightNavLink:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #0000FE;
	text-decoration: none;
}
/* ===================Suggestive Selling CSS ======= */

/* ===================Japan Tech Support CSS ======= */
.TableColor
{
	color: #ccecff;
}
/* ===================Japan Tech Support CSS ======= */


 body
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFFFFF;
	left: 0px;
	top: 0px;
}

.ErrorText
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.MsgFriendly
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: blue;
}

.NormalText
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.NormalTextBold
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
/* Same as above but added to use font size as smaller of normal text --QC Changes */
.NormalTextSmaller
{
	font-family: arial,verdana,helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.NormalTextSmall
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.NormalTextLarger
{
	font-family: arial,verdana,helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.NormalTextLargerBold
{
	font-family: arial,verdana,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.NormalUnderline
{
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: arial,verdana,helvetica;
	text-decoration: underline;
}



.LargerText
{
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}
.Green
{
	background-color: #00cc33;
}

.GreenWhiteBold
{
	background-color: #00cc33;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
/* Same as above but abbreviated to reduce page size */
.GWB
{
	background-color: #00cc33;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
.GreenWhiteBoldLarger
{
	background-color: #00cc33;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

A:link, A:visited
{
	font-family: arial,verdana,helvetica;
	font-size: smaller;
	color: #0033ff;
	text-decoration: none;
}
A:hover
{
	font-family: arial,verdana,helvetica;
	font-size: smaller;
	color: #0000FF;
	text-decoration: none;
}

A.LeftNavLink:link, A.LeftNavLink:visited
{
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
A.LeftNavLink:hover
{
	color: #0000ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}


P A:active
{
	color: #0000ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

P A:visited
{
	color: #0000ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

P A:link
{
	color: #0000ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
P A:active
{
	color: #0000ff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

P
{
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

small
{
	font-size: 8px;
}

normal
{
	font-size: 11px;
}
big
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}

/*
UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px; /*border-left: dimgray;
	color: black;
	line-height: 20pt;
	font-family: arial,verdana,helvetica;
	background-color: #cccccc;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
*/
HR
{
	height: 1pt;
	text-align: left;
}

.ContentHead
{
	color: #666666;
	font-family: arial,verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	height: 24px;
}
.ContentHeadBlack
{
	color: black;
	font-family: arial,verdana,helvetica;
	font-size: 16px;
	font-weight: bold;
	height: 24px;
}

.SubContentHeadNoheight
{
	color: #666666;
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	font-weight: bold;
}
.SubContentHead
{
	color: #666666;
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
}

.SmallText
{
	font-weight: bold;
	font-size: 9px;
	color: #666666;
	font-family: arial,verdana,helvetica;
}
/* Same as above but abbreviated to reduce page size */
.ST
{
	font-weight: bold;
	font-size: 9px;
	color: #666666;
	font-family: arial,verdana,helvetica;
}

/* Stylesheet Properties for Grids - Used on Order History and Detail */
.GridListItem
{
	font-size: 11px;
	text-indent: 5px;
	color: #000000;
	font-family: arial,verdana,helvetica;
	background-color: #ffffff;
}

.GridListItemAlt
{
	font-size: 11px;
	text-indent: 5px;
	color: #000000;
	font-family: arial,verdana,helvetica;
	background-color: #cccccc;
}

.GridListHeader
{
	background-color: #299B45;
	text-indent: 5px;
	color: #ffffff;
	font-family: arial,verdana,helvetica;
	font-weight: bold;
	font-size: 11px;
}

.GridPager
{
	padding-left: 5px;
	font-size: 11px;
	color: #000000; /*border-bottom: dimgray;*/
	font-family: arial,verdana,helvetica;
	background-color: #ffffff;
	text-align: center;
}


/* End of Stylesheet Properties for Grids */
/* Shopping Cart */
.CartBorder
{
	background-color: #333333;
}

td.CartHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	font-family: arial,verdana,helvetica;
	background-color: #00cc33;
}

td.CartBackgroundA
{
	background-color: White;
}

td.CartBackgroundB
{
	/*background-color: #cccccc;*/
}

.CartPartNumber
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.CartBackOrder
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.CartSubTotals
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.CustomerPartNo
{
	font-family: arial,verdana,helvetica;
	font-size: 8px;
	color: #333333;
	font-weight: normal;
}

.CartGrandTotals
{
	background-color: White;
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.CartQuantities
{
	font-weight: normal;
	font-size: 11px;
	width: 50px;
	color: #333333;
	font-family: arial,verdana,helvetica; /*background-color: #ffffff; Commented out: 4/7/03: Erl Egestad. Was causing the repeater to not display alternating items correctly. */
}

/* END Shopping Cart */

/* Product tables */
td.ProductBackgroundA
{
	font-size: 11px;
	text-indent: 5px;
	font-family: arial,verdana,helvetica;
	background-color: #ffffff;
}
/* Same as above but abbreviated to reduce page size */
td.PBA
{
	font-size: 11px;
	text-indent: 5px;
	font-family: arial,verdana,helvetica;
	background-color: #ffffff;
}

td.ProductBackgroundB
{
	font-size: 11px;
	text-indent: 5px;
	font-family: arial,verdana,helvetica;
	background-color: #cccccc;
}
/* Same as above but abbreviated to reduce page size */
td.PBB
{
	font-size: 11px;
	text-indent: 5px;
	font-family: arial,verdana,helvetica;
	background-color: #e6e6e6;
}

td.ProductPromoMessage
{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	font-family: arial,verdana,helvetica;
	background-color: #ccffcc;
}

td.ProductWarningMessage
{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	font-family: arial,verdana,helvetica;
	background-color: mistyrose;
}

td.ProductTitleBar
{
	font-weight: bold;
	font-size: 12px;
	color: #003300;
	font-family: arial,verdana,helvetica;
	background-color: #00cc33;
}

/* Same as above but abbreviated to reduce page size */
td.PTB
{
	font-weight: bold;
	font-size: 12px;
	color: #003300;
	font-family: arial,verdana,helvetica;
	background-color: #00cc33;
}

.ProductDetailLabel
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

/* Same as above but abbreviated to reduce page size */
.PDL
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

.ProductDetailValue
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

/* Same as above but abbreviated to reduce page size */
.PDV
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.ProductMessage
{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	font-family: arial,verdana,helvetica;
}

/* End Product tables */

/* Order Detail */
td.OrderDetailA
{
	font-size: 11px;
	font-family: arial,verdana,helvetica;
	background-color: #ffffff;
}

td.OrderDetailB
{
	font-size: 11px;
	font-family: arial,verdana,helvetica;
	background-color: #cccccc;
}

/* These two are the same as above but abbreviated to reduce page size */
.OD0
{
	font-size: 11px;
	font-family: arial,verdana,helvetica;
	background-color: #ffffff;
}

.OD1
{
	font-size: 11px;
	font-family: arial,verdana,helvetica;
	background-color: #cccccc;
}

/* END Order Detail */
.LightGreyBold
{
	background-color: #cccccc;
	font-size: 11px;
	font-family: arial,verdana,helvetica;
	font-weight: bold;
}
/* Table/Row/Column Section - mostly for left nav but can be used elsewhere as well */
td.LightGrey
{
	background-color: #cccccc;
}

td.DarkGrey
{
	background-color: #999999;
}

td.Green
{
	background-color: #00cc33;
}

td.GreenWhiteBold
{
	background-color: #00cc33;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
/* Same as above but abbreviated to reduce page size */
td.GWB
{
	background-color: #00cc33;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

td.LightGreyWhiteBold
{
	background-color: #ffffff;
	color: #cccccc;
	font-weight: bold;
	font-size: 11px;
}

td.DarkGreyWhiteBold
{
	background-color: #ffffff;
	color: #999999;
	font-weight: bold;
	font-size: 11px;
}

.LeftNavMiniCart
{
	font-family: courier new, arial,verdana,helvetica;
	font-size: 10px;
	font-weight: normal;
}

td.White
{
	background-color: #ffffff;
}

.LeftNavBorder
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

.TableWhite
{
	background-color: #ffffff;
}


.DarkGreyText
{
	color: #666666;
	font-size: 11px;
}

.DarkGreyBoldText
{
	color: #666666;
	font-weight: bold;
	font-size: 11px;
}

.DarkGreyTextLightGreyBG
{
	color: #666666;
	font-size: 11px;
	background-color: #cccccc;
}

.LeftNavTableLightGrey
{
	background-color: #cccccc;
}

.LeftNavTableWhite
{
	background-color: #ffffff;
}
.HomePageCatalog
{
	font-size: medium;
	color: #0033ff;
}

A.HomePageCatalog:link, A.HomePageCatalog:visited
{
	text-decoration: underline;
	color: #666666;
}
A.HomePageCatalog:hover
{
	text-decoration: underline;
	color: #0033ff;
}

A.LeftNav:link, A.LeftNav:visited
{
	text-decoration: underline;
	color: #666666;
}

A.LeftNav:hover
{
	text-decoration: underline;
	color: #0033ff;
}
/* End of Left Nav*/

A.LinksInterest:link, A.LinksInterest:visited
{
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

A.LinksInterest:hover
{
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	color: #0033ff;
}

/* Stylesheet to use for ASP.NET Controls to make them appear correct in Netscape*/
.LightRed
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: red;
}

.NormalRed
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.NormalBlue
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: Blue;
}

.NormalRedNoBold
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: red;
}

.NormalGreen
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #00cc33;
}


.NormalBoldGreen
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #00cc33;
}

.NormalBoldGreenLarger
{
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #00cc33;
	line-height: 14px;
}

.NormalBoldBlackLarger
{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	line-height: 14px;
	font-family: arial,verdana,helvetica;
}

.NormalBold
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

.NormalBoldLarger
{
	font-family: arial,verdana,helvetica;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

.NormalItalic
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* Same as above but abbreviated to reduce page size */
.NC
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
	font-weight: normal;
	font-size: 11px;
	margin-left: -4px;
	font-family: arial,verdana,helvetica;
	text-align: center;
}
.NormalDropDown
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for radio boxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal; /* text-indent: -5px;     border-style: solid;     border-width: 1px;     border-color: #cccc99;     background-color:#ffffff; */
}

/* Normal Action Button (Abbreviated to reduce page weight) */
.NAB
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

/* Normal Action Button (Abbreviated to reduce page weight) */
A.NAB:active, A.NAB:hover, A.NAB:link, A.NAB:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

/* Top Navigation Section */
A.LinkHeaderActive:link, A.LinkHeaderActive:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
A.LinkHeaderActive:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}
A.LinkHeaderInactive:link, A.LinkHeaderInactive:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
A.LinkHeaderInactive:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

A.LinkSubHeaderInactive:link, A.LinkSubHeaderInactive:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;
}
A.LinkSubHeaderInactive:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}
.HeaderActive
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
}
.HeaderInactive
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	background-color: #cccccc;
}
.HeaderUnderBarInactive
{
	background-color: #00cc33;
}
.HeaderUnderBarActive
{
	background-color: #999999;
}
A.TopSubOn:link, visited
{
	font-family: arial,verdana,helvetica;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}
A.TopSubOn:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: green;
}
A.TopSubOff:link, visited, hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: gray;
}

A.TopNav:link, A.TopNav:visited
{
	text-decoration: none;
	color: #ffffff;
}
A.TopNav:hover
{
	text-decoration: none;
	color: black;
}
A.TopNavGray:link, A.TopNavGray:visited
{
	text-decoration: none;
	color: #ffffff;
}
/* End Top Nav Section */


/*
INPUT
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: white;
}
*/


/* Parametric Comparsion Chart  */
.TableWrapper
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

.DescrTable
{
	border: none;
}

.AdvSearchTextBold
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

TD .AdvSearchTextBold A:link
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

TD .AdvSearchTextBold A:visited
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

.TreeHeader
{
	background: #CCCCCC;
	border-bottom-color: #00CC33;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

.TreeText
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
}
.TreeTextBold
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

.TreeTitle
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
}

.ChartHeader
{
	background-color: #CCCCCC;
	font-family: Arial,verdana,helvetica;
	border-bottom-color: #00CC33;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.ChartTitleNormal
{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.ChartTitleBold
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.ChartSectionHeader
{
	background-color: #CCCCCC;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	border-bottom-color: #00CC33;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	text-indent: 5px;
}

.SelectionCell
{
	background-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	color: #333333;
}

.StatusLine
{
	color: #000000;
	font-weight: bold;
	font-family: Arial,verdana,helvetica;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
}

.Link
{
	color: #0000CC;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	text-indent: 15px;
}

.HelpCell
{
	background-color: #FFFFFF;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	color: #666666;
}

.ImageIndent
{
	text-indent: 10px;
	border-style: none;
}

.TextIndent
{
	text-indent: 10px;
}
.ChartGrid
{
	background-color: #CCCCCC;
	border: none;
}
.GridHeader
{
	background-color: #888888;
	font-family: Arial,verdana,helvetica;
	font-size: 9px;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}
.GridHeaderBigger
{
	background-color: #CEFFCD;
	font-family: Arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-color: #00CC33;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.GridItem
{
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial,verdana,helvetica;
	font-size: 10px;
	color: #318242;
}
.GridAltItem
{
	background-color: #DFDEDE;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial,verdana,helvetica;
	font-size: 10px;
	color: #318242;
}
.GridSorted
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	color: #318242;
	font-family: arial,verdana,helvetica;
	background-color: #FFFFC6;
}
.GridSortedAlt
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	color: #318242;
	font-family: arial,verdana,helvetica;
	background-color: #E7E79C;
}
.GridSelected
{
	background-color: #DFDEDE;
	font-family: Arial, Verdana, helvetica;
	font-size: 9px;
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
}
.GridUnSelected
{
	background-color: #DFDEDE;
	font-family: Arial, Verdana, helvetica;
	font-size: 9px;
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
}

.Controls
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 11px;
	padding-left: 5px;
	color: #318242;
	text-decoration: none;
	font-weight:bold;
}

A.Controls:link, A.Controls:visited
{
	font-size: 11px;
	padding-left: 5px;
	text-decoration: none;
	color: #1718FC;
	font-weight:bold;
}
/*Used more Info link on Chart page*/
.ControlsTextUnbold
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	padding-left: 5px;
	color: #318242;
	text-decoration: none;
	font-weight:normal;
}
A.ControlsTextUnbold:link, A.ControlsTextUnbold:visited
{
	font-size: 10px;
	padding-left: 5px;
	text-decoration: none;
	color: #1718FC;
	font-weight:normal;
}

.RadioCheckControls
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 9px;
}

/* End Parametric Comparison Chart */



/* Added for Top Navigation Multilevel Menu */

.horizontalcssmenu
{
}

.topMenuActive
{
	font-size: 12px;
	background: url(../Images/UI/bg_active.gif) no-repeat;
	cursor: hand;
	font-family: Lucida Sans;
	height: 25px;
	text-align: left; 
}

.topMenuInactive
{
	font-size: 12px;
	background-image: url(../Images/UI/bg_inactive.gif);
	cursor: hand;
	font-family: Lucida Sans;
	height: 25px;
	text-align: left;
}
.mnuSeperator
{
	background-image: url(../Images/UI/sep.gif);
	background-repeat: no-repeat;
}

.horizontalcssmenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/*Top level list items */
.horizontalcssmenu ul li
{
	/* border: 1px solid; border-color:#00cc33; border-bottom-width:thin; border-top-width:1; */
	width: 100%; /*Width of top level menu link items*/
	list-style-type: none;
	position: relative;
	float: none;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a
{
	height: 21;
	display: block;
	text-decoration: none;
	padding: 3,3,3,3;
	vertical-align: middle;
	line-height: 1.8;
	width: 100%;
}


/*Sub level menu .horizontalcssmenu ul li ul*/
.subLevelUl
{
	left: auto;
	top: auto;
	display: block;
	visibility: hidden;
	z-index: 1;
	width: 210;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
}

/*Sub level menu list items horizontalcssmenu ul li ul li*/
.horizontalcssmenu .subLevelLi
{
	/* border-color:#00cc33; border-top-width:0; border-bottom-width:thin; border-left-width:thick; background-color: #cccccc;  */
	width: 100%;
	height: auto;
	position: relative;
	float: none;
	/*border-left: 3px solid #00cc33; //UI PHASE III CHANGES */
	border-left: 1px solid #00cc33;
	border-bottom: 1px solid #00cc33;
	border-right: 1px solid #00cc33; /* #8e97a4 UI PHASE III CHANGES */
	border-top: 1px solid #E3FAEA; /* For firefox issue */
	background-color:#E3FAEA;
	/*background-image: url(../Images/Navigation/gradyGree.jpg);*/
}

.horizontalcssmenu .subLevelLi a
{
	height: 19;
	margin-top: 3;
	margin-bottom: 1;
}


/*child level menu .horizontalcssmenu ul li ul li ul*/
.childLevelUl
{
	left: 190;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	width: 214;
}


/*Child level menu list items horizontalcssmenu ul li ul li ul li*/
.horizontalcssmenu .childLevelLi
{
	width: 100%; /* background-color: #cccccc;  border-color:#00cc33; border-top-width:1; border-bottom-width:1; border-left-width:thick; */
	position: relative;
	border-left: 3px solid #00cc33;
	border-bottom: 1px solid #00cc33;
	border-right: 1px solid #8e97a4;
	border-top: 1px solid #cccccc;
	background: lightgreen url(../Images/Navigation/gradyGree.jpg) no-repeat;
}

.horizontalcssmenu .childLevelLi a
{
	/*padding:3,3,3,3; */
	height: 16;
	margin-top: 3;
	margin-bottom: 1;
}


A.LinkHeaderActiveNoImg:link, A.LinkHeaderActiveNoImg:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
A.LinkHeaderActiveNoImg:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
A.LinkHeaderInactiveNoImg:link, A.LinkHeaderInactiveNoImg:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}
A.LinkHeaderInactiveNoImg:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #318C43;
	font-weight: bold;
}

A.LinkHeaderActiveWithImg:link, A.LinkHeaderActiveWithImg:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
A.LinkHeaderActiveWithImg:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
A.LinkHeaderInactiveWithImg:link, A.LinkHeaderInactiveWithImg:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
A.LinkHeaderInactiveWithImg:hover
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url(../Images/UI/bg_active.gif) no-repeat;
}

/*  for IE \*/
* html .horizontalcssmenu ul li
{
	float: left;
	padding: 1,1,1,1px;
}
* html .horizontalcssmenu ul li a
{
	height: auto;
	line-height: normal;
}
* html .subLevelLi
{
	top: 3px;
}

* html .childLevelUl
{
	top: 1px;
}
* html .subLevelUl
{
	left: auto;
	top: auto;
}

/* End */

/*---------------- New top nav related styles ---------*/
.GreenBackGround
{
	background-color: #e5fdec; 
}
.GreenBoldSubHeading
{
	color: #318c43;
	font-weight: bold;
	font-size: 13px;
}
.GreenNormalText
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #318c43;
}
.GreenNormalLink
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #318c43;
	font-weight: bold;
	text-decoration:none;
}
.BlueNormalLink
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #0000fe;
	text-decoration:none;
}
/*---------------- Used for edit text in billing & shipping address page ---------*/
.BlueNormalLinkLarger
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0000fe;
	text-decoration:none;
}
.BlueNormalText
{
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #0000fe;
}
.BoldLink
{
	font-weight: bold;
	font-size: 11px;
	color: #0000fe;
	font-family: Arial;
	text-decoration: none;
}
.PinkBackGround
{
	border-right: #cbcbcb thin solid;
	border-top: #cbcbcb thin solid;
	border-left: #cbcbcb thin solid;
	border-bottom: #cbcbcb thin solid;
	background-color: #e9e7e8;
}
/*------------- end new top nav related styles --------*/
/*------------- new styles for UI changes ------------- */
.flatControl
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Arial, Verdana;
	background-color: #ffffff;
}
.focus
{
	overflow:auto;
}

/* styles used for masking the page on iframe open */
.maskOn
{ 
	background-image: url(../Images/pixel.gif);
    background-repeat: repeat;
    display: block;
    visibility: visible;
    position:absolute;
}
.maskOff
{
    display:none;
    visibility:hidden;
}
/* ends */

/* Style to draw the border of the message frame  */
.showMsg 
{
	border-top: gray 1px groove;
	border-right: gray 1px groove;
	border-left:gray 1px groove;
	border-bottom: gray 1px groove;
	background-color: #ffffff;
}
/* end */

.bMark
{
	padding-left: 0;
	padding-bottom:5px;
	font-weight: bold;
	color:Gray;
	list-style-image: url(../Images/UI/left_arrow.gif);
}

.ULMark
{
	margin:1px 5px; padding:1px 5px 0px 10px;	
}

/* Top menu new multiliguals  24Aug09 */
.ieItemCountLeft 
{ 
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 1; 
	LEFT: 765px; VISIBILITY: visible; PADDING-BOTTOM: 0px; MARGIN: 0px; 
	VERTICAL-ALIGN: top; WIDTH: 100px; PADDING-TOP: 0px; LIST-STYLE-TYPE: 
	none; POSITION: absolute; TOP: 40px 
 }
.ieItemCountRight 
{ 
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
	Z-INDEX: 1; LEFT: 815px; VISIBILITY: visible; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; VERTICAL-ALIGN: top; WIDTH: 100px; PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 40px 
}
.fxItemCountLeft
{
	left: 745; top:auto; display: block; 
	visibility: visible; z-index: 1; 
	width: 100; margin: 0; padding: 0; 
	list-style-type: none; 
	position: absolute; vertical-align:top; 
	margin-top:0; top:56px;
}
.fxItemCountRight
{
	left: 815px; top:auto; display: block; 
	visibility: visible; z-index: 1; 
	width: 100; margin: 0; padding: 0; 
	list-style-type: none; position: absolute; 
	vertical-align:top; margin-top:0; 
	top:56px;
}
.CartContainerfx
{
	background-color: #F5F5F5;
	width:235px;
	overflow:auto;
}
.CartExtended
{
	background-color: #F5F5F5;
	width:217px;
	height:70px;
}
.CartContainerExtended
{
	background-color: #586ED1;
	width:235px;
	height:50px;
}
/* Top menu new multiligual  end */

.txtBox
{
	border-bottom-style:groove;
	border-top-style:groove;
	border-left-style:groove;
	border-right-style:groove;
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.ddlBox
{
	border-bottom-style:groove;
	border-top-style:groove;
	border-left-style:groove;
	border-right-style:groove;
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

/***BEGIN: Business application and Quote Process changes 24-Aug-2010  ***/
/******popup message div box for login page if the catalog country is *****/
/*** different from the registered country    ********/
.popupheaderdiv 
{ 
		BORDER-RIGHT: #00cc33 2px solid; 
		BORDER-TOP: #00cc33 2px solid; 
		FONT-WEIGHT: bold; 
		FONT-SIZE: 11px; 
		BORDER-LEFT: #00cc33 2px solid; 
		BORDER-BOTTOM: #00cc33 2px solid; 
		FONT-FAMILY: Arial,verdana,helvetica 
}
.DarkGreenHeader 
{
	BORDER-TOP: #e1eae3 5px solid 
}

A.UnderlineLink:link, A.UnderlineLink:visited
{
	font-family: arial,verdana,helvetica;
	font-size: 11px;
	color: #0000FE;
	text-decoration: underline;
}

/* Style to draw the border of the message frame  */
.BorderExpandCollapse 
{
	border-top: gray 1px groove;
	border-right: gray 1px groove;
	border-left:gray 1px groove;
	border-bottom: gray 1px groove;
	background-color: #e9e7e8;
}

/* Style to draw the border of the message frame  */
.BorderExpandCollapseFixed 
{
	border-top: gray 1px groove;
	border-right: gray 1px groove;
	border-left:gray 1px groove;
	border-bottom: gray 1px groove;
	background-color: #e9e7e8;
	table-layout:fixed;
}

.LongTextBox
{
	font-family: arial,verdana,helvetica;
	font-size: 8pt;
	font-weight: normal;
 	width: 252px;
	color: #000000;
}

.ShortTextBox
{
	font-family: arial,verdana,helvetica;
	font-size: 8pt;
	font-weight: normal;
 	width: 95px;
	color: #000000;
}

.TrHeight
{
	height:5px;
	vertical-align:top;	
}

.TrHtForEmptyRow
{
	height:8px;
}
/***END :Business application and Quote Process changes 24-Aug-2010  	 ***/

/*** BEGIN : China UnionPay ::: 21/July/2011  	 ***/
.MsgAlign
{
    font-family: arial;
    font-size: 15pt;
    font-weight: bold;
    color: #6E6a6a;
    text-align: left;
    padding-top:250px;
}

.LargeBoldLink
{
    font-family: arial,verdana,helvetica;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.BlueBoldLinkLarger
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #0000fe;
    text-decoration: none;
}
/*** END : China UnionPay ::: 21/July/2011  	 ***/





