#SideMenu ul li { text-indent: 15px; padding: 0px; margin: 0px }


span.floatRight
{
  float: right;
  width: 25%;
  border-width: 1px;
  border-style: solid;
  border-color: #DEDEDE;
  margin-left: 10px;
}

div.center 
{
  text-align: center; 
  padding: 5px;
}

div.adBox
{
  background-color: #E1E1E1;
  border-bottom: #DEDEDE 1px solid;
  padding: 5px;
  text-align: center;
}

div.frame
{
  padding: 5px;
}

/* Delete 
a
{
  color: #000000;  
  font-size: 11px;  
  font-family: arial, helvetica
}

a:hover
{    
  color: #990000;	
  font-size: 11px;	
  font-family: arial, helvetica 	
}

select
{    
  font-size: 11px;	
  font-family: arial, helvetica 	
}

select.SelectSmall
{    
  font-size: 9px;	
  font-family: arial, helvetica 	
}

input
{    
  font-size: 11px;	
  font-family: arial, helvetica 	
}

input.InputSmall
{    
  font-size: 9px;	
  font-family: arial, helvetica 	
}
*/


/* DO NOT USE THIS STYLE use <h5> */
.BodyTitleHeader 
{font: bold 10px verdana; color: #999; margin: 0px;}

/* DO NOT USE THIS STYLE use <h1> */
.BodyTitleLevelOne 
{font: bold 18px arial; color: #333; margin: 0px;}

/* DO NOT USE THIS STYLE use <h1 class="beige"> */
.BodyTitleLevelOneBeige
{font: bold 18px arial; color: #996; margin: 0px;} 

/* DO NOT USE THIS STYLE use <h2> */
.BodyTitleLevelTwo 
{font: bold 13px arial; color: #333; margin: 0px;}  

/*#### DO NOT USE THIS STYLE use <h3>*/
.BodyTitleLevelThree 
{font: bold 11px arial; color: #333; margin: 0px;}   

.BodyDescription, .BodySubdescription, .BodySubdescriptionBold, .BodyItemCount, .BodyPageCount,
.BodyLabel, .BodyLabelBold, .BodyData, .BodyDataBold, .BodyLabelSm, .BodyLabelVSm, .BodyDataSm, .BodyDataVSm,
.BodyNav1, .BodyNav2, .BodyPipe, .BodyLegend, .BodyEmailUser, .BodyEmailSubject, .BodyEmailContent, .BodyStepsOff, .ExpertSearch,
.BodyProductSpecLabel, .BodyProductSpec, .BodyQuickLink, .BodyClassCategory   
{font: 10px verdana; color: #333;}  

.BodySubdescriptionBold, .BodyLabelBold, .BodyDataBold, .SmallTextBold  
{font-weight: bold;}

.BodyTips, .legend, .SmallText, .SmallTextBold 
{font: 9px verdana; color: #333;}

.BodySpecialNotes, .BodyDataRed, .Alert  
{font: 10px verdana; color: #900;}  

.BodyLabelRed
{font: 10px verdana; color: red;} 

.BodyTipsRed
{font: 9px verdana; color: #900;}   

.ErrorSm
{font: 9px verdana; color: red;}   

.BodyTipsHighlight
{font: 10px verdana; color: #333; background-color: #ffffcc;} 

.BodyLabelG, .BodyLabelSmG, .BodyDataG, .BodyDataSmG, .BodyActionTextG, .BodyNav1G, .BodyNav2G
{font: 10px verdana; color: #999;} 

.BodyActionText 
{font: 10px verdana; color: #000;} 

.BodyActionTextRed
{font: 10px verdana; color: #900; text-decoration: underline;}  

.BodyActionText:hover, .BodyActionTextRed:hover, .BodyLabelSm:hover, .BodyNav1:hover, .BodyNav2:hover, .BodyClassCategory:hover
{font: 10px verdana; color: #F60; text-decoration: underline;} 

 
.BodyNav1On, .BodyNav2On, .BodyStepsOn 
{font: bold 10px verdana; color: #F60; text-decoration: none;} 

.BodyNav1On:hover, .BodyNav2On:hover 
{font: bold 10px verdana; color: #F60; text-decoration: underline;} 

.BodyProductAttribute 
{font: bold 10px verdana; color: #333;}  

 .BodyClass, .BodyClass:hover, .BodyCategory, .BodyCategory:hover, .BodyClassCategoryBold, .BodyClassCategoryBold:hover    
{ font: bold 11px verdana;}

/*
.DecorUserInfo 
{  
  color: #333333;  
  font-size: 11px;  
  font-family: arial, helvetica
}

.DecorFindBox 
{
  color: #333333;  
  font-size: 11px;  
  font-family: arial, helvetica;
  vertical-align: middle; 
  margin-top: 0
}

.SubMenuBoxTitle  
{  
  background-color: #cccccc; 
  text-align: center;
  color: #333333;  
  font-weight: bold;  
  font-size: 11px;  
  font-family: arial, helvetica;
  margin-top: 0px;
  vertical-align: middle; 
}

.SubMenuBoxBody 
{  
  background-color: #ffffee;  
  color: #000000;  
  font-size: 11px;  
  font-family: arial, helvetica
}

.SubMenuBoxItem
{  
  background-color: #ffffee;  
  color: #333333;  
  font-size: 11px;  
  font-family: arial, helvetica
}


.SitemapOptionsActive
{  
  color: #000000;  
  font-size: 11px;  
  font-family: arial, helvetica;  
  text-decoration: none
}

.SitemapOptionsInactive
{  
  color: #444444;  
  font-size: 11px;  
  font-family: arial, helvetica
}

.Header 
{  
  color: #333333;  
  font-size: 11px;  
  font-family: arial, helvetica;
  text-decoration: none
}

.Header:hover 
{  
  color: #990000;  
  font-size: 11px;  
  font-family: arial, helvetica;
  text-decoration: underline
}

a.Footer
{
  color: #666666;  
  font-size: 11px;  
  font-family: arial, helvetica;
  text-decoration: underline;
}

.Footer 
{  
  color: #666666;  
  font-size: 11px;  
  font-family: arial, helvetica;
  text-decoration: none;
}

.Footer:hover
{  
  color: #990000;  
  font-size: 11px;  
  font-family: arial, helvetica;
  text-decoration: underline;
}

.HelpA
{  
  color: #000000;
  font-size: 11px;
  font-family: arial, helvetica  
}

.HelpQ
{  
  color: #000000;
  font-size: 11px;
  font-family: arial, helvetica  
}

.HelpQBold
{   
  color: #666666;  
  font-weight: bold;  
  font-size: 11px;  
  font-family: arial, helvetica  
}

.HelpSeeAlso
{  
  color: #666666;  
  font-weight: bold;  
  font-size: 11px;  
  font-family: arial, helvetica  
}    

.HelpTitleLevelOne 
{  
  color: #666666;  
  font-weight: bold;  
  font-size: 18px;  
  font-family: arial, helvetica  
}  

.HelpTitleLevelTwo 
{  
  color: #666666;  
  font-weight: bold;  
  font-size: 16px;  
  font-family: arial, helvetica  
}    

.HelpTitleLevelThree 
{   
  color: #666666;  
  font-weight: bold;  
  font-size: 11px;  
  font-family: arial, helvetica  
}
*/    

.RegText {font: bold 11px arial; color: #333333;}
.RegTextRed {font: bold 11px arial; color: red;}

.RegTextRedUnderlineBold 
{
  text-decoration: underline; 
  font: bold 11px arial; 
  color: #990000;
}

.RegTextRed:hover {font: bold 11px arial; color: #990000;}
.RegText:hover {font: bold 11px arial; color: #990000;}

.bgcolorConfig0 {background-color: #ffffff;}
.bgcolorConfig1 {background-color: #eeeeee;}
.bgcolorConfig2 {background-color: #dddddd;}
.bgcolorConfig3 {background-color: #999999;}
.bgcolorConfig4 {background-color: #666666;}
.bgcolorConfig5 {background-color: #333333;}
.specheader {font: bold 11px arial; color: #444444}
.speclabel {font: 11px arial; color: #444444}
.specdata {font: 11px arial; color: #333333}
.textConfig {font: 10px arial; color: #ffffff}
select.SelectMedium {font: 10px arial;}


/* MKTG */
.mktg { margin: 5px 0px;}
.mktg h1, #mktg h2 { font-weight: bold; font-family: arial; color: #900; margin: 0px; }
.mktg h1 { font-size: 18px; margin: 0px 0px 15px; }
.mktg h2 { font-size: 13px; }
.mktg h3 { font-size: 11px; }
.mktg table td { font: 12px arial; color: #333; }
.bxscreen { width: 200px; background: #FFF; border: #CCC 1px solid; margin: 10px 0px 10px 20px; padding: 10px; }
.mktgtext { font: bold 11px arial; color: #333; text-decoration: none; background: url(images/bg_mktgtext.gif); margin: 10px 0px 20px; padding: 2px; }
.mktgtext em { color: #900; font: bold 11px arial; }
.bxmktg { width: 160px; border: #FFF 1px solid; margin: 15px 5px 0px; }
.bxmktg .head { font: bold 10px verdana; background: url(images/bg_mktg.gif); border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
.bxmktg .body { font: 11px verdana; background: #FFE; border: #AAA 1px solid; margin: 0px; padding: 5px; }
.bxmktg h1 { font: bold 12px verdana; color: #333; margin: 0 0 5px; }
.bxmktg a { font: bold 11px verdana; color: #900; }
.bxmktg a:hover { font: bold 11px verdana; color: #F60; }


/* GENERAL */ 
body, td { font: 10px verdana; color: #333; }
body { margin: 0px; padding: 0px; margin-width: 0px; background: #FFF; scrollbar-3dlight-color: #999; scrollbar-arrow-color: #666; scrollbar-darkshadow-color: #999; scrollbar-face-color: #CCC; scrollbar-highlight-color: #EEE; scrollbar-shadow-color: #EEE; scrollbar-track-color: #E1E1E1; }
body.preview { font: 10px verdana; color: #333; margin: 0px; background-color: #FFF; }

/* DECOR FRAME */
.frame { padding: 10px;}
.framedecor { background: #E1E1E1; }
#framemeat { background: #FFF; border-left: #999 1px solid; border-bottom: #999 1px solid; padding: 7px 10px 50px; vertical-align: top;}
.logobg { background: #FFF; padding: 0px 5px 0px 0px; }
.decorleft { border-top: #666 1px solid; background: #E1E1E1; }
/* top bar */
.topbar { background: #EEE; color: #333; border-bottom-color: #DDD; border-bottom-width: 1px; border-bottom-style: solid; padding: 1px 5px; }
.topbar a { color: #000; }
.topbar a:hover { color: #F60; } 


/* footer */
#footer { margin: 15px 5px; }
/* popup */
body.popup { background: #EEE; }
.popuphead { background: #FFF; border-bottom: #666 1px solid; margin: 0px; padding: 5px; } 
.popupbody { background: #FFF; border: #999 1px solid; padding: 10px 10px 30px; margin: 10px; }
.popupdivider { border-top: #FFF 1px solid; }


/* NAVIGATIONS */
/* tabs */
#tab { width: 100%; height: 19px; border-top: #666 1px solid; border-left: #999 1px solid; background-image: url(images/bg_tab.gif); background-color: #999; }
a.tabs, a.tabs:hover, a.tabOn, a.tabOn:hover, a.tabsES, a.tabsES:hover, a.tabESOn, a.tabESOn:hover
{ font: bold 11px arial,helvetica,sans-serif; float:left; display: block; border-width: 0px 1px 0px 0px; border-color: #666; border-style: solid; }
a.tabs { color: #FFF; text-decoration: none; padding: 2px 7px 1px 10px; background: #999; }
a.tabOn { color: #333; text-decoration: none; padding: 2px 7px 2px 10px; background: #FFF; }
a.tabs:hover, a.tabOn:hover { color: #F60; text-decoration: underline; background: #FFF; }

/* mktg & grayedout tabs */
a.gtabs, a.gtabs:hover, a.mktgtabOn, a.mktgtabOn:hover { font: bold 11px arial,helvetica,sans-serif; float:left; display: block; background: top left no-repeat; border-right: #666 1px solid; margin: 0px 2px 0px 0px; }
a.gtabs { color: #999; text-decoration: none; background: url(images/mktgtab_off.gif); background-repeat: no-repeat; padding: 2px 7px 2px 10px; }
a
a.gtabs:hover, a.mktgtabOn:hover { color: #900; text-decoration: underline;  background: url(images/mktgtab_on.gif); }
a.tabsES { color: #999; text-decoration: none; padding: 2px 7px 1px 10px; background: #EEE; }
a.tabsES:hover { color: #666; text-decoration: underline; background: #FDEE8B; }
a.tabESOn { color: #666; text-decoration: none; padding: 2px 7px 1px 10px; background: #FDEE8B; }
a.tabESOn:hover { text-decoration: underline;} 


/* left menu */
ul.navdecor, ul.navdecor ul { background-color: #EEE; text-align: left; margin: 0px -5px; padding: 1px 10px; list-style: none; }
ul.navdecor li { border-top: #FFF 1px solid; border-bottom: #CCC 1px solid; margin: 0px -10px; padding: 0px 10px; padding/**/: 0 10px; }
ul.navdecor li a, ul.navdecor li.disabled { margin: 0px -10px; padding: 3px 10px; text-decoration: none; display: block !important; display/**/: block; } 
ul.navdecor li a:hover { background-color: #FFE; text-decoration: none; }
ul.navdecor ul li {  border-top: #EEE 1px solid; border-bottom: #EEE 1px solid; }
ul.navdecor li.on a, ul.navdecor ul li.on a { font-weight: bold; color: #F60; }
ul.navdecor li.off a, ul.navdecor ul li.off a { font-weight: normal; color: #000 }
ul.navdecor ul li.off li.on a { font-weight: bold; color: #F60; }
ul.navdecor li.disabled { color: #999; } 

/* */
/* .bxdecor ul { list-style: none; list-style-position: outside; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor li { margin: 0px; padding: 2px; } */
.bxdecor .body ul.category { list-style: none; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor .body ul.category li.catarw { border-bottom: #CCC 1px solid; background: url(images/b_bluearrow.gif) no-repeat center; }
.bxdecor .body ul.category li.catarw a { text-decoration: none; display/**/: block; }
.bxdecor .body ul.category li.catarwselected { background: url(images/b_bluearrow_down.gif) no-repeat center #FFC; }
.bxdecor .body ul.category li.catarwselected a { font-weight: bold; text-decoration: none; display: block}

.bxdecor .body ul.category li.subcat { text-decoration: none; padding: 0px; display: block; border-bottom: #CCC 1px solid;}
.bxdecor .body ul.category li.subcat ul { background-color: #FFC; list-style: none; display: inline }
.bxdecor .body ul.category li.subcat ul li { background-color: #FFC; display: block }
.bxdecor .body ul.category li.subcat ul li a { padding: 1px 3px; text-decoration: none; display/**/: block }
.bxdecor .body ul.category li.subcathidden ul { background-color: #FFC; display: none; list-style: none; }






/* breadcrumb */
#breadcrumb { font: 9px verdana; color: #999; margin: 5px 0px 15px; }
#breadcrumb em { font: bold 9px verdana; color: #F60; }
/* horizontal nav */
#hnav { margin: 0px; }
#hnav b, #hnav2 b, td.hnav b { color: #F60; }
#hnav tt, #hnav2 tt, td.hnav tt { font-size: 10px; color: #999; }
#hnav2 { margin: 0px; }

/* HEADINGS */
h1, h2, h3 { font-weight: bold; font-family: arial; color: #333; margin: 0px; }
h1 { font-size: 18px; }
h2 { font-size: 12px; }
h3 { font-size: 11px; }
h4 { font: bold 10px verdana; color: #999; margin: 0px; } /* sub-header */
h5, h5 a, h5 a:hover { font: bold 11px verdana; margin: 0px; }
h6 { font: bold 10px verdana; color: #333; margin: 0px 0px 3px; }
h1.po { font: bold 18px arial; color: #996; }
h1.print { font: bold 18px arial; color: #FFF; }

/* TEXT & LINK */
a { font: 10px verdana; color: #000; text-decoration: underline; }
a:hover { font: 10px verdana; color: #F60; text-decoration: underline; }
a.disabled, a:hover.disabled { font: 10px verdana; color: #999; text-decoration: none; }
a.sm, a.sm:hover { font: 9px verdana; }

/* tips : sm notes */
i { font: 9px verdana; color: #333; } 
i a { font: 9px verdana; color: #000; text-decoration: underline; }
i a:hover { font: 9px verdana; color: #F60; text-decoration: underline; }
i.b, i.b a, i.b a:hover, i.emb, i.emb a, i.emb a:hover, i.ttb, i.ttb a, i.ttb a:hover { font-weight: bold; }
i.em, i.em a, i.em a:hover, i.emb, i.emb a, i.emb a:hover { color: #900; } /* small red text */
i.tt, i.tt a, i.tt a:hover, i.ttb, i.ttb a, i.ttb a:hover { color: #999; } /* small grayed out text */
/* colored text */
em, em a, em a:hover { font: 10px verdana; color: #900; } /* red text */
em.b, em.b a, em.b a:hover { font-weight: bold; } /* bold red text */
tt, tt a, tt a:hover { font: 10px verdana; color: #999; } /* grayed out text */
tt.b, tt.b a, tt.b a:hover { font-weight: bold; }
tt.green, tt.green a, tt.green a:hover { color: #060; } /* green text */
tt.red, tt.red a, tt.red a:hover { color: #F00; } /* bright red text */
tt.highlite { font: 9px verdana; color: #333; background: #FFC; } /* text with yellow highlight */

/* LIST STYLE */
#ul { margin: 0px 0px 0px -15px; }
#li { margin: 0px;}
ol { margin: 5px 20px; list-style-type: decimal; }

/* HORIZONTAL LINES */
hr { height: 1px; color: #CCC; background-color: #CCC; border: 0px; margin: 0px;  } /* solid line */
hr.dot { background-color: #FFFFFF; border: #CCC 1px dashed ; margin: 5px 0px; padding: 0px; } /* dotted line */
hr.dot0 { background-color: #FFFFFF; border: #CCC 1px dashed ; margin: 0px; padding: 0px; } /* dotted line with 1 pix height */
.sline { width: 100%; height: 1px; } /* single line */
.dline { width: 100%; height: 3px; } /* double line */
.divline { width: 100%; height: 2px; margin: 10px 0px; } /* divider */
/* the horizontal line in quotes... */
.hline { height: 2px; color: #999; background-color: #999; border: 0px; }

/* ALIGNMENT */
.left { text-align: left; }
.center { text-align: center; }
.right, .rightbold { text-align: right; }
.rightbold { font-weight: bold; }
.bold { font-weight: bold; }
.floatright { float: right; border: 0px; padding: 0px; margin: 0px; }
.floatleft { float: left; clear: both; }
.nonothing { }

/* SPACING */
p { margin: 0px 0px 15px; } /* paragraph */
pre { margin: 0px 0px 0px 24px; font: 10px verdana; } /* indent */
.hspace { margin: 0px 5px; } /* horizontal space between elements */
.vspace { margin: 15px 0px; } /* vertical space between elements */
.vspaceb { margin: 4px 0px; } /* vertical space between action buttons */

/* FORMS */
select, input, textarea { font: 10px verdana; color: #333; vertical-align: middle; margin: 0px; }
input.radio, input.checkbox { vertical-align: middle; margin: 0px 3px 0px 0px; }
input.file, input.button, input.searchbutton, input.buttonfixed , input.button70 , input.button90 { font: 10px verdana; color: #333; background: #EEE; border: #999 1px outset; margin: 0px 3px 0px 0px;  }
input.button, input.searchbutton { font-weight: bold; margin: 0px 5px 0px 0px; text-align: center; }
input.buttonfixed { font-weight: bold; width: 100px; }
input.button70 { font-weight: bold; margin: 0px 5px 3px 0px; width: 70px}
input.button90 { font-weight: bold; margin: 0px 5px 3px 0px; width: 90px}
input.txtfixed, select.selectfixed { width: 200px; }
option.red { color: #900; }
input.price { text-align: right; }
input.cost { text-align: right; color: #900; }
select.disabled, input.disabled, textarea.disabled { background: #EEE ; color: #999; }
input.radiosrch {vertical-align: middle; margin: -1px 0px; padding: 0px;}
input.number { text-align: right }

/* TABLES */
table.table { margin: 5px 0px; } /* listing table margin */
th { font: 10px verdana; height: 18px; background: #DDD; } /* column header bar */
tfoot td { font: 10px verdana; color: #333; height: 18px; background: #DDD; padding: 0px 5px; } /* column footer bar */
td.noitems { height: 50px; text-align: center; } /* margin for no items found message */
/* header background */
td.bundle { background: #FFE; } /* highlight bundle items */
td.doc { background: #FFE; } /* highlight doc # */
td.po { background: #F0F0DF; } /* highlight po # */
td.head { background: #F1F1F1; border-top: #DDD 1px solid; } /* gray background header within a table i.e. customer view, catalog rules, related products */
td.headpo { background: #F0F0DF; border-top: #DDD 1px solid; } /* beige background header within a table i.e. supplier view */
/* sourcing table */
table.source { background: #AAA; }
table.source th { background: #F1F1F1; }
table.source td { background: #FFF; }
table.source td.sup { background: #FFE; }
/* spec table */
table.spec { background: #AAA; margin: 5px 0px; }
table.spec th { background: #F1F1F1; }
table.spec td { background: #FFF; }
/* full catalog table */
td.catlt { border-left: #DDD 1px solid; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; }
td.cat { border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; }
td.catrg { border-right: #DDD 1px solid; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; }
tr.print { background: #999; }
tr.print td { color: #FFF; font-weight: bold; }

/* BOXES */
/* general boxes */
.bxbasic { background: #EEE; margin: 5px 0px; padding: 5px; } /* gray bg : no border */
.bxcoldisplay { padding-left: 5px; background-color: #FFFFEE; border: 1px; border-style: solid; border-color: #cccccc; }
.bxemailfinder { font: 10px verdana; color: #333; border: #CCC 2px solid; margin: 20px 1px; padding: 5px 10px; } /* gray border */
.bxmsg { font: 10px verdana; color: #333; background: #FFE; border: #CCC 2px solid; margin: 20px 1px; padding: 5px 10px; } /* yellow bg : gray border */
.bxalert { font: 10px verdana; color: #333; background: #FFE; border: #900 2px solid; margin: 10px 1px; padding: 5px 10px; } /* yellow bg : red border */
.bxalert h1 { font: bold 10px verdana; color: #900; margin: 0px; }
.bxprofit { width: 350px; background: #EEE; border: #999 1px solid; margin: 5px 0px; padding: 5px; }
/* info box */
.bxinfo { background: url(images/note.gif) #FFF 10px 10px no-repeat; font: 10px verdana; color: #333; border: #900 1px solid; margin: 25px 1px; padding: 10px 10px 10px 30px; }
.bxinfo h1 { font: bold 10px verdana; color: #333; margin: 0px 0px 5px; }
.bxinfolt { position: absolute; left: 10px;}
.bxinfort {  position: relative; margin-left: 30px}
/* product review box */
.bxreviewext { background: #F1F1F1; padding: 6px; }
.bxreviewext b { font: bold 12px arial; color: #900;}
.bxreviewint { background: #FFF; border-top: #DDD 2px solid; border-left: #DDD 2px solid; }
.bxreviewint h1 { font: bold 30px arial; color: #900; }
.bxreviewint em { font: bold 12px arial; color: #900; }
.bxreviewint b { font: bold 12px arial; color: #333; }
/* supplier promo box */
.bxpromo { font: 10px verdana; color: #333; background: #FFC; border: #CCC 1px solid; padding: 6px; }
.bxpromomeat { background: #FFF; padding: 5px 10px; }
.bxpromomeat2 { position: relative; background: #FFF; margin: 0px; padding: 3px 0px; }
.bxpromoleft { position: absolute; padding-left: 20px; }
.bxpromoright {  position: relative; padding-left: 210px; white-space: nowrap; }
/* my channel product news */
.bxprodnews { margin: 10px 0px; }
.bxprodnews .head { background: url(images/bg_news.gif); background-repeat: repeat-x; margin: 0px; padding: 3px 0px 3px 10px;  }
.bxprodnews .body { font: 10px verdana; background: #EEE; border-bottom: #003C78 2px solid; margin: 0px; padding: 10px; }
.bxprodnews h5 a { color: #FFF; text-decoration: none; }
.bxprodnews h5 a:hover { color: #FFF; text-decoration: underline; }
/* my channel product mktg message */
.bxprodmsg { margin: 10px 0px; }
.bxprodmsg .head { background: url(images/bg_msg.gif); background-repeat: repeat-x; margin: 0px; padding: 3px 0px 3px 10px; }
.bxprodmsg .body { font: 10px verdana; background: #FFF; margin: 0px; padding: 10px; }
/* my channel dashboard */
.bxdash { background: #FFF; border: #FFF 1px solid; margin: 10px 0px; }
.bxdash .head { font: bold 10px verdana; background: url(images/bg_module.gif); border: #AAA 1px solid; margin: 0px 0px 1px; padding: 2px 0px 2px 3px; width: 100%}
.bxdash .body2 { background: #F9F9F9; border: #AAA 1px solid; margin: 0px 0px 1px; padding: 2px 0px 2px 3px; width: 100%}
.bxdash .body { background: #F9F9F9; border: #AAA 1px solid; margin: 0px; padding: 3px 5px 10px; width: 100%}
.bxdash h1 { font: bold 10px verdana; color: #900; margin: 10px 2px 0px; }
/* search box */
.bxsrch { position: relative; background: #EEE; border: #DDD 1px solid; margin: 0px 0px 10px; padding: 0px 0px 0px 5px; }
.bxsrchlinks { position: absolute; margin: 0px; padding: 0px; left: auto; right: auto;}
/* price profile cost setup box */
.bxprofile { font: 10px verdana; color: #333; background: #FFF; border: #CCC 1px solid; padding: 0px; }
.bxprofile2 { font: 10px verdana; color: #333; background: #EEE;  border-top: #CCC 1px solid; margin: 0px; padding: 5px; }
/* configurator */
.bxmemconfig { margin: 15px 5px 0px; width: 160px; }
.bxmemconfig .head { background: url(images/bg_config.gif); background-repeat: repeat-x; border: #EEE 1px solid; margin: 0px; padding: 2px 0px 2px 2px;  }
.bxmemconfig .body { font: 9px verdana; color: #FFF; background: #AAA; border: #EEE 1px solid; margin: 0px; padding: 2px 3px 3px 3px; }
/* module */
.bxdecor { border: #FFF 1px solid; margin: 15px 5px 0px; }
.bxdecor .head { font: bold 10px verdana; background: url(images/bg_module.gif); border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
.bxdecor .body { background: #FFE; border: #AAA 1px solid; margin: 0px; padding: 2px; }
.bxdecor ul { list-style: none; list-style-position: outside; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor li { margin: 0px; padding: 2px; }
.bxbutton { font: 10px verdana; color: #333; background: #FFE; border: #CCC 2px solid; margin: 20px 1px; padding: 15px; text-align: center; }

/* legend */
.bxlegend { background: #FFE; font: 10px verdana; border-top: #666 1px solid; border-bottom: #666 3px solid; height: 18px ; vertical-align: middle; }
.bxlegend td.legendhead { width: 18px; background: url(images/bg_legend.gif); }
.bxlegend td a { font: 10px verdana; text-decoration: none; }
.bxlegend td a:hover { font: 10px verdana; text-decoration: underline; }
.bxlegend td.icon { text-align: right; }


/* CPAS */
.bxCPAS { border: 2px #CCC solid; padding: 5px 10px 10px; background: #F9F9F9; width: 98%; }
.bxCPAS h1 { font: bold 12px arial; color: #900; margin: 0px 0px 10px; }
.bxCPAS h2 { font: bold 11px arial; color: #333; margin: 0px; }
.bxCPAS table { width: 100%; }
.bxCPAS table th { text-align: left; }
.bxCPAS tr.current td { font-weight: bold; color: #900; }
.bxCPAS textarea { width: 300px; height: 50px; }


/* old legend - will be deleted */
.legend { background: #FFE; font: 10px verdana; border-top: #CCC 1px solid; vertical-align: middle; margin: 2px 0px 10px; }
.legend a { font: 10px verdana; text-decoration: none; }
.legend a:hover { font: 10px verdana; text-decoration: underline; }

/* ADVERTISEMENT */
div.textad { font: 12px arial; color: #000; margin: 10px 5px; }
div.textad h1 { font: bold 12px arial; color: #000; margin: 10px 0px 0px; }
div.textad a, div.textad a:hover { font: 12px arial; color: #900; }
div.skyad { margin: 5px 5px; text-align: center; }
div.bannerad { margin: 5px; }
div.learnmore { background: url(images/bg_learnmore.gif); margin: 2px 0px; border-top: #CCC 1px solid; border-right: #CCC 1px solid; border-left: #AAA 1px solid; border-bottom: #AAA 1px solid; padding: 2px; text-align: center; }

/* IMPORT / EXPORT */
div.spacing2 { padding: 0px 2px 2px 2px }
.wid130label { position: absolute; margin: 2px 0px 2px 0px; }
.wid130dat { position: relative; margin: 2px 0px 2px 0px; left: 140px }
.wid150label { position: absolute; margin: 2px 0px 2px 0px; }
.wid150dat { position: relative; margin: 2px 0px 2px 0px; left: 200px }


/* IMAGES */ 
img { border-width: 0px; border-style: none; margin: 0px; padding: 0px; }
img.adtag  { width: 110px; height: 9px; }
img.alert  { width: 15px; height: 17px; vertical-align: middle; }
img.attach { width: 12px; height: 12px; vertical-align: middle; }
img.cal    { vertical-align: middle; }
img.button { width: 24px; height: 15px; vertical-align: middle; }
img.buttonright { width: 24px; height: 15px; float: right; } /* button float right */
img.calendar  { width: 13px; height: 12px; vertical-align: middle; margin: 0px 3px; }
img.chain { width: 15px; height: 13px; vertical-align: middle; margin: 0px 3px; }
img.check { width: 7px; height: 7px; vertical-align: middle; }
img.config  { width: 97px; height: 11px; vertical-align: middle; }
img.dropship { width: 15px; height: 13px; vertical-align: middle; margin: 0px 3px; }
img.file  { width: 15px; height: 10px; vertical-align: middle; }
img.item { width: 7px; height: 7px; vertical-align: middle; margin: 0px 3px; }
img.livecost { width: 9px; height: 10px; vertical-align: middle; margin: 0px 3px; }
img.legend { width: 16px; height: 43px; }
img.lock { width: 9px; height: 12px; vertical-align: middle; margin: 0px 3px; }
img.note { width: 15px; height: 15px; vertical-align: middle; margin: 0px 3px;}
img.notequal { width: 17px; height: 7px; }
img.plus  { width: 8px; height: 7px; vertical-align: middle; margin: 0px 3px; }
img.promo { width: 15px; height: 16px; vertical-align: middle; margin: 0px 3px; }
img.slant { width: 12px; height: 26px; }
img.serial { width: 17px; height: 11px; vertical-align: middle; margin: 0px 3px; }
img.srvopt { width:120px; height: 14px; }
img.step { width: 15px; height: 15px; vertical-align: top; margin: 0px 5px 0px 0px; }
img.supplylast { width: 127px; height: 13px; vertical-align: middle; margin: 2px 20px; }
img.updown  { width: 13px; height: 10px; }
img.wait  { width: 63px; height: 15px; }
img.colorschemeref { width: 281px; height: 169; margin: 31px 10px;}
/* product */
img.prod { width: 200px; height: 150px; border: #DDD 1px solid; }
img.thumbnail { width: 100px; height: 75px; }
img.tn_big { width: 120px; height: 90px; border: #DDD 1px solid; }
img.tn_small { width: 60px; height: 45px; }
/* reseller logo */
img.rlogo { width: 200px; height: 150px; margin: 6px 0px; }
img.rlogostore { width: 283px; height: 45px; }
/* supplier logo */
img.slogoazerty { width: 91px; height: 22px; }
img.slogodandh { width: 43px; height: 22px; }
img.slogohp { width: 102px; height: 22px; }
img.slogoingram { width: 62px; height: 30px; }
img.slogosynnex { width: 74px; height: 30px; }
img.slogotechdata { width: 90px; height: 22px; }
img.slogowaca { width: 32px; height: 40px; }
/* Carrier Logo */
img.logoups { width: 49px; height: 56px; }
/* col logo */
img.logocol { width: 283px; height: 45px; margin: 0px 0px 10px 0px; }
table.cds { width: 100%; background-color: #666666; padding: 0px; border-spacing: 1px; }
table.cds tr th, table.cds tr td { text-align: left; 
                                   color: #444444; font-size: 11px;  
                                   font-family: arial, helvetica; 
				   padding: 4px; }
table.cds tr th { background-color: #E6E6E6; 
                  font-weight: bold; }
table.cds tr th.link { text-align: right; }
table.cds tr td { background-color: #FFFFFF; }
table.cds tr td.attr { width: 30%; }
table.cds tr td.value { width: 70%; color: #000000 }

dt, dd {  font-size: 11px; font-family: arial, helvetica; }
dt { vertical-align: middle; font-weight: bold; color: #444444;}
dd { color: #333333;}

/* Tables */

table.costandard {color: #333; font: normal normal normal 11px/normal Arial, Helvetica, sans-serif; 
	     font-weight: normal; width: 100%; border: 0px; border-style: none; border-collapse: collapse;      margin: 3px 0px 0px 0px}
table.costandard tr td {padding: 3px; margin: 0px;}
table.costandard thead {color: #444; text-align: left;}
table.costandard thead tr.default {border-right: #ddd 1px solid; border-left: #ddd 1px solid; background-color: #fff;}
table.costandard thead tr th {font-weight: normal; padding: 3px; margin: 0px; border: none; background-color: #ddd;}
table.costandard tbody {color: #333;}
table.costandard tbody tr.default {border-right: #ddd 1px solid; border-left: #ddd 1px solid; background-color: #fff;}
table.costandard tbody tr td {border-bottom: #ddd 1px solid; background-color: #fff;}
table.costandard tbody tr td.yhighlight {border-bottom: #ddd 1px solid; background-color: #ffe;}
table.costandard tbody tr.rhighlight td {border-bottom: #ddd 1px solid; background-color: #f0f0df;}
table.costandard tbody tr.yhighlight td {border-bottom: #ddd 1px solid; background-color: #ffe;}
table.costandard tbody tr.doc td {border-bottom: #ddd 1px solid; background-color: #ffe;}
table.costandard .tresult td {font-weight: bolder; border-top: #ddd 1px double;}
table.costandard tfoot {color: #333;}
table.costandard tfoot tr td {background-color: #ddd;}
table.costandard tfoot.dline tr td {background: url(images/line_double.gif); background-repeat: repeat-x;}
.costandard table.costandardchild td  { border: none; padding-left: 0px }
.comargin {margin: 5px 0px;}
table.costandard caption { text-align: left; font: bolder 15px arial; font-color: #444; }

table.searchresult {color: #333; font: normal normal normal 11px/normal Arial, Helvetica, sans-serif;        font-weight: normal; width: 100%; border: 0px; border-style: none; border-collapse: collapse}
table.searchresult tr td {padding: 2px 3px; margin: 3px;}
table.searchresult thead {color: #444; text-align: left;}
table.searchresult thead tr th {font-weight: normal; margin: 0px; border: none; background-color: #ddd; padding: 2px 3px;}


.cofilter td {border: medium none; padding: 3px 13px 3px 3px; margin: 2px;}
.coaction {color: #333; font: normal normal normal 11px/normal Arial, Helvetica, sans-serif; font-weight: normal; 
	   border: 0px; border-style: none;}
.coaction tr td {padding: 3px 0px 3px 0px; margin: 0px; border: none;}

.colabel {color: #444; font: normal normal normal 11px/normal Arial, Helvetica, sans-serif;
	  font-weight: normal; border: 0px; border-style: none;}
.colabel td {padding: 3px 13px 3px 3px; margin: 2px; border: none;}
.colabel .radio td {padding: 3px; margin: 2px; border: none;}
.bxopen { border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; }

/* TEXT */
.confidential { font: bold 18px arial; color: #cccccc; }
.header { font: bold 18px arial; color: #ffffff; }
.label { font: bold 11px arial; color: #444444; }
/***** dont use this font ... its going to go away *******/
.labelunbold { font: 11px arial; color: #444444; }
.labelb { font: bold 11px arial; color: #444444; }
a.labelb:hover { font: bold 11px arial; color: #F60; text-decoration: underline; }
.labelW { font: bold 11px arial; color: #ffffff; }
.labelThin { font: 11px arial; color: #444444; }
.data { font: 11px arial; color: #333333; }
.databold { font: 11px arial; font-weight: bold; color: #333333; }
.codata { font: 11px verdana; color: #000000; }
/* Yuck, just added .bodydata* for backward compatibility in line_item.epl. */
/* Ask Amy what she really wants to do when she is back from leave. */
.bodydata { font: 10px verdana; color: #333333; }
.bodydatabold { font: 10px verdana; font-weight: bold; color: #333333; }
.labelsm { font: 11px arial; color: #444444; }
.labelsmW { font: 11px arial; color: #ffffff; }
.datasmon { font: 11px arial; color: #990000; }
.datasmoff { font: 11px arial; color: #666666; }
.note { font: 10px arial; color: #666666; }
.docnotes { font: 11px arial; color: #333333; }
.intnotes { font: 11px arial; color: #333333; }
.custcomments { font: 11px arial; color: #333333; }
.comments { font: 11px arial; color: #333333; }
.disclaimer { font: 11px arial; color: #333333; }
.smallbr { font: 4px arial; color: #333333; }
.microbr { font: 1px arial; color: #333333; }

/* TABLE */
.borderThline { border-top: #666666 3px solid; }
.borderT { border-top: #CCC 1px solid; }
.borderL { border-left: #CCC 1px solid; }
.borderR { border-right: #CCC 1px solid; }
.borderB { border-bottom: #CCC 1px solid; }

.borderTL { border-top: #CCC 1px solid; border-left: #CCC 1px solid; }
.borderTR { border-top: #CCC 1px solid; border-right: #CCC 1px solid; }
.borderTB { border-top: #CCC 1px solid; border-bottom: #CCC 1px solid; }

.borderLR { border-left: #CCC 1px solid; border-right: #CCC 1px solid; }
.borderLB { border-left: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderRB { border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }

.borderTLB { border-top: #CCC 1px solid; border-left: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderTRB { border-top: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderTLR { border-top: #CCC 1px solid; border-left: #CCC 1px solid; border-right: #CCC 1px solid; }
.borderLRB { border-left: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderTLRB { border-top: #CCC 1px solid; border-left: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }

.bgColor01 { background-color: #999999; }
.bgColor02 { background-color: #dddddd; }
.bgColor03 { background-color: #eeeeee; }
.bgColor04 { background-color: #f1f1f1; }

.printcustomfield { border-top: #999 1px solid; border-left: #999 1px solid; border-right: #999 1px solid; background-color: #FFF; }
.printcustomfield table th { background: #EEE; border-bottom: #999 1px solid; text-align: left; margin: 0px; padding: 0px; }
.printsourcing { border-top: #999 1px solid; border-left: #999 1px solid; border-right: #999 1px solid; background-color: #FFF; }
.printsourcing table th { background: #FFE;  border-bottom: #999 1px solid; }
.printsourcingtopborder { background: #FFE;  border-top: #999 1px solid; border-bottom: #999 1px solid; }

#class_list { padding: 2px;}
.d_hidden_cat { display: none; }
.d_shown_cat { display: block; background-color: #eeeeee; padding: 2px;  }
.height17 { height: 17px }
a.d_class_clicker_selected { height: 17px; color: #F60; text-decoration: none; }
a.d_class_clicker, a.subcatxegory { font: 10px verdana; color: #000; text-decoration: none; height: 17px}
a.subcatxegory:hover { font: 10px verdana; color: #F60; text-decoration: underline; height: 17px }
a.d_class_clicker:hover { font: 10px verdana; color: #F60; text-decoration: underline; height: 17px }


/* STORE:HOME */
.bxspotlite .head { background-repeat: repeat-x; margin: 0px; padding: 2px 0px 4px 10px; }
.bxfeatured .head { background-color: #666666; background-repeat: repeat-x; margin: 0px; padding: 2px 0px 4px 10px; }
.bxspotlite h1 a, .bxspotlite h1 a:hover { font: bold 18px arial; }
.bxfeatured h1 a, .bxfeatured h1 a:hover { font: bold 12px verdana; }
.bxspotlite, .bxfeatured { margin: 10px 0px; clear: both; }
.bxspotlite .body, .bxfeatured .body { font: 10px verdana; 
background: #FFF; margin: 0px; padding: 5px 10px; clear: both; }
.bxspotlite p, .bxfeatured p { margin: 0px 0px 8px 0px; }
.bxbrowsemenu { width: 200px; background: #FFF; border: #FFF 1px solid; margin: 10px 0px; }
.bxbrowsemenu .head { font: bold 10px verdana; border: #AAA 1px solid; margin: 0px 
0px 1px; padding: 2px 0px 2px 3px; }
.bxbrowsemenu .body { background: #F9F9F9; border: #AAA 1px 
solid; margin: 0px; padding: 3px 5px 10px;}
.bxbrowsemenu h1 { font: bold 11px verdana; color: #333; margin: 
5px 2px; }
.bxbrowsemenu ul { margin: 0px 0px 0px 35px; padding: 0px; }
.bxbrowsemenu li { margin: 0px 0px 0px 15px; margin/**/: 0px 0px 0px -15px; 
padding: 2px 0px; }
.picleft { position: relative; float: left; margin: 0px 10px 0px 0px; display: 
block; width: 120px; height: 90px; border: #DDD 1px solid; }
.picright { position: relative; float: right; margin: 0px 0px 10px 5px; display: 
block; width: 200px; height: 150px; border: #DDD 1px solid; }
em.price { font: bold 12px verdana; }


/* REVIEWS */
.urate, .crate {  height: 51px; padding: 2px; font: bold 18px arial; text-align: center; width: 100px }
.urate { background: url("/images/bg_urate.gif") no-repeat center;   }
.crate { background: url("/images/bg_crate.gif") no-repeat center; color: #900; }
.crate i { font: 10px arial; color: #900; }


/* Purchase Approval System Navigation */
.pasnav { padding: 5px 0px; border-top: 1px solid #AAA; }
.pasnav a { font: 10px verdana; color: #000; background: url(/images/pas-off.gif); padding: 5px 8px; border-left: 1px solid #AAA; border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; }
.pasnav a:hover, a.selected { font: 10px verdana; color: #F60; background: url(/images/pas-on.gif); padding: 5px 8px; border-left: 1px solid #AAA; border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; text-decoration: none; }
.pasnav i { font: bold 10px verdana; color: #F60; padding: 5px 8px; border-left: 1px solid #AAA; }


/* External links */
.extlink { background: url(images/bg_extlink.gif) repeat-x; border-top: 1px #CCC solid; font: 10px verdana; padding: 5px; margin: 10px 0px;}	
.extlinktop, extlinkbottom, .SSextlinktop, SSextlinkbottom { font: 10px verdana; margin: 5px 5px 20px 0px; }

.extlinkRight, .SSextlinkRight { width: 200px; background: #FFF; border: #FFF 1px solid; margin: 10px 0px; }
.extlinkRight .head, .SSextlinkRight .head  { font: bold 10px verdana; border: #AAA 1px solid; margin: 0px 0px 1px; padding: 2px 0px 2px 3px; }
.extlinkRight .body, .SSextlinkRight .body  { background: #F9F9F9; border: #AAA 1px solid; margin: 0px; padding: 3px 5px 10px;}
.extlinkRight h1, .SSextlinkRight h1  { font: bold 11px verdana; color: #333; margin: 5px 2px; }
.extlinkRight ul, .SSextlinkRight ul  { margin: 0px 0px 0px 35px; padding: 0px; }
.extlinkRight li, .SSextlinkRight li  { margin: 0px 0px 0px 15px; margin/**/: 0px 0px 0px -15px; padding: 2px 0px; }

.extlinkLeft, .SSextlinkLeft  { border: #FFF 1px solid; margin: 15px 5px 0px; } 
.extlinkLeft .head, .SSextlinkLeft .head { font: bold 10px verdana; border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
.extlinkLeft .body, .SSextlinkLeft .body { background: #FFE; border: #AAA 1px solid; margin: 0px; padding: 2px; }
.extlinkLeft ul, .SSextlinkLeft ul { margin: 0px 0px 0px 35px; padding: 0px; }
.extlinkLeft li, .SSextlinkLeft li { margin: 0px 0px 0px 15px; margin/**/: 0px 0px 0px -15px; padding: 2px 0px; }



/* Top Bar */
.topbar { background-color: #EEE; color: #333; border-bottom-color: #DDD; }
.topbar a { color: #000; }
.topbar a:hover { color: #F60; }

/* Header */
.logobg { background-color: #FFF; }

/* Tabs */
#tab { background-color: #999; }
a.tabs { background-color: #999; color: #FFF; }
a.tabs:hover { background-color: #FFF; color: #F60; }
a.tabOn { background-color: #FFF; color: #333; }
a.tabOn:hover { background-color: #FFF; color: #F60; }

/* Left Menu Column */
ul.navdecor { background-color: #EEE; }
ul.navdecor ul { background-color: #EEE; }
ul.navdecor li a:hover { background-color: #FFE; }
ul.navdecor li.on a { color: #F60; }
ul.navdecor ul li.on a { color: #F60; }
ul.navdecor li.off a { color: #000 }
.decorleft { background-color: #E1E1E1; }

/* Search Box */
.bxsrch { background-color: #EEE; border-color: #DDD; }
input.searchbutton { background-color: #EEE; color: #333; }

/* SpotLite */
.bxspotlite .head { background: url(/images/bg_spotlite.gif) #F60; }
.bxspotlite .head h3 { color: #000; }

/* Featured Products */
.bxfeatured .head { background: url(/images/bg_featured.gif) #E1E1E1; }
.bxfeatured .head h3 { color: #FFF; }

/* Browse Menu */
.bxbrowsemenu .head { background: url(/images/bg_browsemenu.gif) #E1E1E1; }
.bxbrowsemenu .head h3 { color: #000; }
.bxbrowsemenu .body { background: #F9F9F9; }
.bxbrowsemenu a { color: #000; }
.bxbrowsemenu a:hover { color: #F60; }/* Top Links */
.extlinktop { color: #000; }
.extlinktop a { color: #000; }
.extlinktop a:hover { color: #F60; }

/* Left Links */
.extlinkLeft .head { background: url(images/bg_module.gif) #E1E1E1; }
.extlinkLeft .head { color: #000; }
.extlinkLeft .body { background: #FFE; }
.extlinkLeft a { color: #000; }
.extlinkLeft a:hover { color: #F60; }
.extlinkLeft li { list-style: disc; }

/* Right Links */
.extlinkRight .head { background: url(images/bg_browsemenu.gif) #E1E1E1; }
.extlinkRight .head h3 { color: #000; }
.extlinkRight .body { background: #F9F9F9; }
.extlinkRight a { color: #000; }
.extlinkRight a:hover { color: #F60; }
.extlinkRight li { list-style: disc; }

/* Bottom Links */
.extlinkbottom { color: #000; }
.extlinkbottom a { color: #000; }
.extlinkbottom a:hover { color: #F60; }