/*
font size conversions:
IE__________Firefox_____px__pt___
xx-small 9 7
xx-small x-small 10 7.5?
x-small small 13 10
small medium 16 12
medium large 18 13.5?
large x-large 24 18
x-large xx-large 32 24
*/
/*-----------------------------------------------------------------------------------*/
/*links that leave the globalspec website*/
/*BACKGROUND COLORS*/
.yellowishBg { background-color: #F6F7E5 }
.grayBg { background-color:#C1C2C2 }
.brickletOutline { background-color: #BEC7C7 }
.row2 { background-color: white }
.row1 { background-color: #F7F7F7 }
/*
Used are used for SpecHelp and presell search forms.
LTGrey is the same as row1.
These files come from specstudio so we had to reuse the class name. KC 3/4
*/
.LTGrey { background-color: #F7F7F7 }
.DkGrey { background-color: #cccccc }
.stressedBorder { background-color: Black }
/* primary top nav bg color */
.bannerArea { background-color: #4C699E; color: White }
/* 2nd top nav bg color */
.blueGrayBg { background-color: #DAE1E6; color: Black }
/*-----------------------------------------------------------------------------------*/
/* to be used for breadcrumb trails ONLY */
.breadcrumbEndText {
font-family: Arial, Helvetica, Sans Serif;
font-size: 11px;
font-weight: bold;
color: #506D6D; }
.breadcrumbTextNoUnderline {
font-family:Arial, Helvetica, Sans Serif;
font-size: 11px;
font-weight: bold;
color: #003399; }
.breadcrumbLinks {
color: #003399;
text-decoration:none;
font-weight: bold;
font-family:Arial, Helvetica, Sans Serif;
font-size : 11px }
.breadcrumbLinks:hover{
text-decoration:underline;
}
a.breadcrumbLinks:visited { color: #003399; }
a.pathText:link {color: #003399; text-decoration:underline }
a.pathText:visited {color: #003399; text-decoration:underline }
/*
Used for the two column layout to avoid using tables
--sidebar provides a smaller column
--mainContent provides a larger area which fills up the remainder of the space.
Additional left and right classes are provided to make choose where the sidebar
and main content are ment to be displayed
*/
/**************** PRODUCT INFOish SIDEBAR ****************/
.product-supplier-info {
padding:5px;
width:250px;
float:left;
}
.product-supplier-info-address {
margin:5px 10px 5px 12px;
text-align:left;
}
.product-supplier-info .logo-container {
margin:0px 0px 5px 0px;
}
.product-supplier-info .logo-container img{
-ms-interpolation-mode:bicubic;
}
/**************** PRODUCT DETAILish MAIN CONTENT ****************/
.product-detail {
float:none;
margin-left:260px;
padding:0px;
}
/**************** CONTENT ****************/
.content { font-family: Arial, Helvetica, Sans Serif; font-size: 13px }
.boldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; font-weight: bold }
.smallContent { font-family: Arial, Helvetica, Sans Serif; font-size: 10px }
.smallBoldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; font-weight: bold }
.mediumBoldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; font-weight: bold }
.largeBoldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 16px; font-weight: bold }
.grayContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #6D7985 }
.boldGrayContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #6D7985; font-weight: bold }
.smallGrayContent { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #6D7985 }
.contentOrange { font-family: Arial, Helvetica, Sans Serif; font-size:13px; color: #cc0033; font-weight: bold }
.whiteContent { font-family: Arial, Helvetica, Sans Serif; font-size:13px; color: White }
.boldWhiteContent { font-family: Arial, Helvetica, Sans Serif; font-size:13px; color: White; font-weight: bold }
.smallBoldWhiteContent { font-family: Arial, Helvetica, Sans Serif; font-size:10px; color: White; font-weight: bold }
.yellowContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #FAE7AE }
.brightYellowContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #FFFF00 }
.smallYellowContent { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #FAE7AE }
.largeYellowBoldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 16px; color: #FFFF00; font-weight: bold }
.boldYellowContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #FFFF00; font-weight: bold }
.largeRedBoldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 16px; color: #990000; font-weight: bold }
.boldRedContent { font-family: Arial, Helvetica, Sans Serif; font-size:13px; color: #990000; font-weight: bold }
.smallRedContent { font-family: Arial, Helvetica, Sans Serif; font-size:13px; color: #990000; font-weight: normal}
.boldGoldContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #A96A00; font-weight: bold }
.smallBoldContentGold { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #A96A00; font-weight: bold }
.smallGSYellowContent { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #FED54E }
.GSYellowContent { font-family: Arial, Helvetica, Sans Serif; font-size: 13px; color: #FED54E }
/* END OF "CONTENT" */
.alertMsgText {
font-family:Arial, Helvetica, Sans Serif;
font-size: 16px;
font-weight: bold;
color: Red }
.smallAlertMsgText {
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px;
font-weight: bold;
color: Red }
.sectionTopHeading {
font-family: Arial, Helvetica, Sans Serif; ;
font-size: 13px;
font-weight: bold;
background-color: #D6DEE7; }
.smallSectionTopHeading {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase }
/* "tableheader" is not used widely... almost retirable MRG 3/3/04 */
.tableheader {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
background-color: #D6DEE7;
font-weight: bold;
text-align: center }
.brickletHeader {
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px;
font-weight: bold;
background-color: #D6DEE7;
padding:3px 5px 3px 12px;
text-align:left;
}
div.bricklet {
width: 200px;
border: 1px solid #BEC7C7;
background-color: #F7F7F7;
margin: 0 0 5px 0;
}
div.brickletContent {
padding:5px 5px 5px 12px;
text-align:left;
}
div.bricklet h1 {
font-size: 13px;
font-weight: bold;
background-color: #D6DEE7;
margin: 1px;
padding: 3px;
}
ul.top-level-category-list,
ul.bricklet-standard-list {
list-style: none;
margin: 0px;
padding: 0px;
}
li.bricklet-standard-list-item {
padding: 3px 0px;
}
li.bricklet-standard-list-item a {
text-decoration: underline;
}
/* Added a more specific selector for links of class "linksNoUnderline"
nested within bricklets. DA - 01/14/2009 */
li.bricklet-standard-list-item a.linksNoUnderline {
text-decoration: none;
}
li.bricklet-standard-list-item a:hover {
text-decoration:underline;
}
/*medium content 16 pixels */
.header1 { font-family: Arial, Helvetica, Sans Serif; font-size: 18px }
.headerGold { font-family: Arial, Helvetica, Sans Serif; font-size: 18px; color: #A96A00 }
h1.headerGold {font-weight: normal; font-size: 18px; margin:10px 0px 0px 0px; }
.headerBlack { font-family: Arial, Helvetica, Sans Serif; font-size: 18px; color: black }
.headerRed { font-family: Arial, Helvetica, Sans Serif; font-size: 18px; color: #990000 }
/* used for SpecHelp, same as row1. These files come from specstudio so we had to reuse the class name. KC 3/4 */
.headerPopUp { font-family: Arial, Helvetica, Sans Serif; font-size: 18px }
/*-----------------------------------------------------------------------------------*/
/* SPECIAL LINKS */
.smallLinks {
color: #003399;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 10px }
a.smallLink:link {color: #003399; text-decoration: underline; }
/* added for web search home links in Vividence test */
.mediumLinks {
color: #003399;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px }
a.smallLink:link {color: #003399; text-decoration: underline; }
.smallBoldLinksWithUnderline {
color: #003399;
font-weight: bold;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 10px; }
.smallGreenLink{
color: #006605;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 10px }
a.smallGreenLink:link {color: #006605; text-decoration: none; }
a.smallGreenLink:visited {color: #006605; }
.greenLink{
color: #006605;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px }
a.greenLink:link {color: #006605; text-decoration: none; }
a.greenLink:visited {color: #006605; }
.footerLinks {
text-decoration: underline;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px }
a.footerlinks:link { color: #64717D; }
a.footerlinks:visited { color: #64717D; }
a.footerlinks:hover { color: #0000FF; }
/* temporary fake link for vividence testing */
.dummyFooterLink {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
color: #64717D;
text-decoration: underline}
.footerText { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #64717D }
#siteFooter {
font-family: Arial, Helvetica, Sans Serif;
font-size: 10px;
color: #64717D;
padding-top: 25px;
text-align: center;
clear: both;
}
#siteFooter a {
text-decoration: underline;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
}
#siteFooter a:link,
#siteFooter a:visited {
color: #64717D;
}
#siteFooter a:hover {
color: #0000FF;
}
#siteFooter hr {
width: 90%;
}
#siteFooter ul {
margin: 5px 0;
padding: 0;
list-style: none;
}
#siteFooter ul li {
margin: 0;
padding: 0 12px;
display: inline;
border-right: 1px solid #990000;
}
#siteFooter ul li.noborder {
border-right: 0;
}
/* smaller footer text for new tabbed format */
/*.footerTextSmall { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #64717D }
*/
/*.smallFooterText { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #64717D }
*/
.linksWithUnderline {
color: #003399;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px }
a.linksWithUnderline:link {color: #003399; text-decoration: underline; }
.linksWithUnderlineNoColorChange {
color: #003399;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px }
a.linksWithUnderlineNoColorChange:link {color: #003399; text-decoration: underline; }
a.linksWithUnderlineNoColorChange:visited {color: #003399; text-decoration: underline; }
a.linksWithUnderlineNoColorChange:hover {color: #000099; text-decoration: underline; }
/* this is a fixed size version of the above class. this is used on the floating header
to it doesn't look funny on larger text sizes */
.linksWithUnderlineFixedSize {
color: #003399;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 12px }
a.linksWithUnderlineFixedSize:link {color: #003399; text-decoration: underline; }
.linksNoUnderline {
color: #003399;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
.boldLinksNoUnderline {
color: #003399;
text-decoration: none;
font-weight: bold;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
/* 13px bold content link that does not underline OR change color */
.boldContentLinksNoUnderlineNoColorChange {
font-family: Arial, Helvetica, Sans Serif;
font-size:13px;
font-weight: bold;
color: black;
text-decoration: none;
}
a.boldContentLinksNoUnderlineNoColorChange:link { color: black; text-decoration: none; }
a.boldContentLinksNoUnderlineNoColorChange:visited { color: black; text-decoration: none; }
a.boldContentLinksNoUnderlineNoColorChange:hover { color: black; text-decoration: none; }
/* this class was made as a copy of the one above, but has underline on hover */
.boldContentLinksWithUnderlineNoColorChange {
font-family: Arial, Helvetica, Sans Serif;
font-size:13px;
font-weight: bold;
color: black;
}
a.boldContentLinksWithUnderlineNoColorChange:link { color: black; }
a.boldContentLinksWithUnderlineNoColorChange:visited { color: black; }
a.boldContentLinksWithUnderlineNoColorChange:hover { color: black; }
.contentLinksNoUnderlineNoColorChange {
font-family: Arial, Helvetica, Sans Serif;
font-size:13px;
color: black;
text-decoration: none;
}
a.contentLinksNoUnderlineNoColorChange:link { color: black; text-decoration: none; }
a.contentLinksNoUnderlineNoColorChange:visited { color: black; text-decoration: none; }
a.contentLinksNoUnderlineNoColorChange:hover { color: black; text-decoration: none; }
/* this class is a copy of the one above, with an underline */
.contentLinksWithUnderlineNoColorChange {
font-family: Arial, Helvetica, Sans Serif;
font-size:13px;
color: black;
}
a.contentLinksWithUnderlineNoColorChange:link { color: black; }
a.contentLinksWithUnderlineNoColorChange:visited { color: black; }
a.contentLinksWithUnderlineNoColorChange:hover { color: black; }
/* this class is a copy of the one above, one size smaller */
.smallContentLinksWithUnderlineNoColorChange {
font-family: Arial, Helvetica, Sans Serif;
font-size:10px;
color: black;
}
a.smallContentLinksWithUnderlineNoColorChange:link { color: black; }
a.smallContentLinksWithUnderlineNoColorChange:visited { color: black; }
a.smallContentLinksWithUnderlineNoColorChange:hover { color: black; }
.whiteLinksNoUnderline {
color: White;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
a.whiteLinksNoUnderline:link { color: White; text-decoration: none }
a.whiteLinksNoUnderline:visited { color: White; text-decoration: none }
a.whiteLinksNoUnderline:hover { color: White; text-decoration: underline; }
.smallWhiteLinksNoUnderline {
color: White;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 10px; }
a.smallWhiteLinksNoUnderline:link { color: White; text-decoration: none }
a.smallWhiteLinksNoUnderline:visited { color: White; text-decoration: none }
a.smallWhiteLinksNoUnderline:hover { color: White; text-decoration: underline; }
.boldLinksNoUnderlineEver {
color: #003399;
text-decoration: none;
font-weight: bold;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px }
/* specifically added for the search form, we never want this class to have an underline,
or change color. if this does not apply to the rest of the site, we'll have to create a new class */
a.BoldLinksNoUnderlineEver:hover {
text-decoration: none;
color: #003399;
}
.boldLinksNoUnderlineEverBigger {
color: #003399;
text-decoration: none;
font-weight: bold;
font-family:Arial, Helvetica, Sans Serif;
font-size: 16px }
/* specifically added for the search form, we never want this class to have an underline,
or change color. if this does not apply to the rest of the site, we'll have to create a new class */
a.BoldLinksNoUnderlineEver:hover {
text-decoration: none;
color: #003399;
}
.stressedContentLink {
color: #00319C;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px; }
a.stressedContentLink:hover {text-decoration:underline }
/* styles for tab concept testing */
/* for tab format home pages */
.headerBlue { font-family: Arial, Helvetica, Sans Serif; font-weight: bold; font-size: 18px; color: #0033CC }
.headerBlueMedium { font-family: Arial, Helvetica, Sans Serif; font-weight: bold; font-size: 16px; color: #0033CC }
.headerBlueSmall { font-family: Arial, Helvetica, Sans Serif; font-weight: bold; font-size: 13px; color: #0033CC }
.headerBlueVerySmall { font-family: Arial, Helvetica, Sans Serif; font-weight: bold; font-size: 10px; color: #0033CC }
/* small black links for home page bricklets */
.smallContentLinksNoUnderlineNoColorChange {
font-family: Arial, Helvetica, Sans Serif;
font-size:10px;
color: black;
}
a.smallContentLinksNoUnderlineNoColorChange:link { color: black; text-decoration:none }
a.smallContentLinksNoUnderlineNoColorChange:visited { color: black; text-decoration:none }
a.smallContentLinksNoUnderlineNoColorChange:hover { color: black; text-decoration:none }
/* recessive tabs on supplier hub and about us */
.recessiveTab {
color: #999999;
font-weight: normal;
text-decoration: none;
font-family: Aria, Helvetica, Sans Serif;
font-size: 13px }
a.recessiveTab:link { color: #999999; text-decoration: none }
a.recessiveTab:visited { color: #999999; text-decoration: none }
a.recessiveTab:hover { color: #999999; text-decoration: underline; }
td.recessiveTab { padding:3px;border-style:solid;border-width:1px;border-color:#999999;border-bottom:0 }
.activeSection {
}
td.activeSection { padding:3px;border-style:solid;border-width:1px;border-color:black }
td.point { padding:0 }
td.webSearchNoTBorder {
font-weight:bold;
text-align:left;
border-style:solid;
border-color:#385BA7;
border-width:1px;
border-left:0;
border-top:0;
border-bottom:0;
}
td.webSearchNoRBorder {
font-weight:normal;
text-align:left;
border-style:solid;
border-color:#385BA7;
border-width:1px;
border-right:0;
border-top:0;
border-bottom:0;
}
td.webSearchNoRNoLBorder {
font-weight:normal;
text-align:left;
border-style:solid;
border-color:#385BA7;
border-width:1px;
border-right:0;
border-left:0;
border-top:0;
border-bottom:0;
}
td.webSearchNoVBorders {
text-align:left;
border-style:solid;
border-color:#385BA7;
border-width:1px;
border-left:0;
border-right:0;
}
td.webSearchTopBorder {
border-style:solid;
border-color:#385BA7;
border-width:1px;
border-left:0;
border-right:0;
border-bottom:0;
}
td.brickletTabFormat {
border-bottom:0;
padding:0;
height:100px;
width:175px;
border-color:#385BA7;
border-width:0;
border-style:solid;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:0
}
a.brickletTabFormat:link { color: Black; }
a.brickletTabFormat:visited { color: Black; }
a.brickletTabFormat:hover { color: Black; text-decoration: underline; }
/* Eng Resources box on the home page... not exactly a "bricklet" */
.brickletWhiteLinks{
color: White;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px }
a.brickletWhiteLinks:link { color: White; }
a.brickletWhiteLinks:visited { color: White; }
a.brickletWhiteLinks:hover {color: white; text-decoration: underline; }
/* xsmall bold link underline 12 pixels*/
.boldLinksWithUnderline{
color: #003399;
font-weight: bold;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
/* xsmall bold link underline 12 pixels no color change ever*/
.boldLinksWithUnderlineNoColorChange{
color: #003399;
font-weight: bold;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
a.boldLinksWithUnderlineNoColorChange:link { color: #003399; text-decoration: underline; }
a.boldLinksWithUnderlineNoColorChange:visited { color: #003399; text-decoration: underline; }
a.boldLinksWithUnderlineNoColorChange:hover { color: #000099; text-decoration: underline; }
/* white link with underline added for tabbed interface*/
.whiteLinkWithUnderline{
color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
a.whiteLinkWithUnderline:link {color: white; }
a.whiteLinkWithUnderline:visited {color: white; }
a.whiteLinkWithUnderline:hover {color: white; text-decoration: underline; }
/* yellow link added for tabbed interface*/
.yellowLink{
color: #FFFF00;
font-weight: bold;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px; }
a.yellowLink:link {color: #FFFF00; }
a.yellowLink:visited {color: #FFFF00; }
a.yellowLink:hover {color: #FFFF00; text-decoration: underline; }
/* xxsmall bold white link underline*/
.smallBoldWhiteLinksWithUnderline{
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 10px; }
a.smallBoldWhiteLinksWithUnderline:link { color: White; }
a.smallBoldWhiteLinksWithUnderline:visited { color: White; }
a.smallBoldWhiteLinksWithUnderline:hover {color: white; text-decoration: underline; }
.largeBoldLinksWithUnderline{
color: #003399;
font-weight: bold;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 16px; }
.headingBlackLink {
color:Black;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px }
a.headingBlackLink:link {color: Black }
a.headingBlackLink:visited {color: Black }
a.headingBlackLink:hover { color: #0000FF; text-decoration: underline; }
.smallHeadingBlackLink {
color:Black;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size: 10px }
a.smallHeadingBlackLink:link {color: Black }
.largeHeadingBlackLink {
color:Black;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size: 16px }
a.largeHeadingBlackLink:link {color: Black }
a.largeHeadingBlackLink:visited {color: Black }
a.largeHeadingBlackLink:hover { color: #0000FF; text-decoration: underline; }
.largeHeadingBlueLink {
color:Blue;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size: 16px }
a.largeHeadingBlackLink:link {color: Blue }
a.largeHeadingBlackLink:visited {color: Blue }
a.largeHeadingBlackLink:hover { color: #0000FF; text-decoration: underline; }
/* small bold link underline 14 pixels*/
.searchCategoryHeaderLink {
color: #003399;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans Serif;
font-size:13px; }
a.searchCategoryHeaderLink:link {color: #003399; text-decoration: none }
a.searchCategoryHeaderLink:visited {color: #003399; text-decoration: none }
a.searchCategoryHeaderLink:hover {color: #0000FF; text-decoration: underline }
.engWebMatchTitleLink {
color: #003399;
text-decoration: underline;
font-family: Arial, Helvetica, Sans Serif;
font-size:16px; }
a.engWebMatchTitleLink:link {color: #003399; text-decoration: underline }
a.engWebMatchTitleLink:hover {color: #0000FF; text-decoration: underline }
/* these specTable styles are used in the spec table (java) */
th.specTableSelectColumn {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px; /* was 11px (MRG 3/8/04) */
background-color: #FFFFFF; /* "no background" => force white */
font-weight: normal;
vertical-align : bottom;
color: #cc0000; }
td.specTableSelectColumn {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px; /* was 11px (MRG 3/8/04) */
background-color: #FFFFFF; /* "no background" => force white */
color: #cc0000; }
th.specTableContactColumn {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px; /* was 11px (MRG 3/8/04) */
background-color: #8C9494;
font-weight: normal;
color: #ffffff; }
/* == this one is not used yet ==
td.specTableContactColumn {
font-family: Arial, Helvetica, Sans Serif;
font-size: 12px; }
*/
th.specTableColumn {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px; /* was 11px (MRG 3/8/04) */
color: Black;
font-weight: normal;
background-color: #CECED6 }
/* == this one is not used yet ==
td.specTableColumn {
font-family: Arial, Helvetica, Sans Serif;
font-size: 12px }
*/
/* ==used to control bullet styles in front of hyperlinks on
spec tables- (Added 9/3/04- DA) == */
.specTableBullet {
text-align: left;
padding: 0;
margin: 0;
/*list-style-image: url("/pix/blackdot.gif");*/
}
/* for labeling in-page large ad spots */
.advertisementLabel {
text-align: center;
font-size: 9pt;
font-variant: small-caps;
color: #BBBBBB;
}
/* used in spec table (java) */
.specTableHighlight { background-color: #ffff00; }
/* boldDarkBlueContent: used in media kit */
.boldDarkBlueContent { font-family: Arial, Helvetica, Sans Serif; font-size:13px; font-weight: bold; color: #000066 }
/* USE THIS IN THE MEMBERLINK SECTION ONLY!!!!*/
.MLheader { font-family: Arial, Helvetica, Sans Serif; font-size:18px; color: #003399; font-weight: bold }
.MLformElement {font-family: Arial, Helvetica, Sans Serif; font-size:16px; color: #003399;}
/* elements for new UI */
.lightBlueBg { background-color: #D6DEE7; color: Black; }
.quickSearchLink {color: White; text-decoration: underline; font-family:Arial, Helvetica, Sans Serif; font-size: 12px; }
a.quickSearchLink:link { color: White; text-decoration: underline; }
a.quickSearchLink:visited { color: White; text-decoration: underline; }
a.quickSearchLink:hover { color: White; text-decoration: underline; }
.quickSearchLinkDark {color: Black; text-decoration: underline; font-family:Arial, Helvetica, Sans Serif; font-size: 12px; }
a.quickSearchLinkDark:link { color: Black; text-decoration: underline; }
a.quickSearchLinkDark:visited { color: Black; text-decoration: underline; }
a.quickSearchLinkDark:hover { color: Black; text-decoration: underline; }
.subRadio{margin-left:30px;}
/* superscript without bumping up the line height */
.sup {
font-size: 80%;
position: relative;
top: -.5em;
}
div#breadCrumbEntries {
margin-top: 3px;
}
/* smartbox code */
div.smartboxAreaName {
font-size:13px;
}
div.smartboxAreaShortDesc {
display:block;
font-size:11px;
}
a.smartboxareaNameLink {
color: #003399;
text-decoration: underline;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px;
}
a.smartboxnumCompaniesLink {
color: #003399;
text-decoration: none;
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px;
font-weight:normal;
color:green;
}
div#smartboxHeaderDiv {
font-size:15px;
color:#506D6D;
font-weight:normal;
padding-left:20px;
}
div#smartboxHeaderDiv a{
text-decoration:underline;
}
/*-----------------------------------------------------------------------------------*/
/* elements*/
a {
/*
Removed this color. This only comes up in the case where you have a visible
anchor Anchor here, we do not want this to look like a link. Specifically,
this was used on the spec help. There is no reason not to use Anchor.
color: #003399;
*/
text-decoration: none }
a:link {color: #003399; }
a:visited {color: #800080; }
a:hover {color: #0000FF; text-decoration: underline; }
th {
font-family: Arial, Helvetica, Sans Serif;
font-size: 11px;
color: Black;
background-color: #D6DEE7 }
td {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px }
HR {
color: #959AA2;
height: 1px; }
body {
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
background-color: White;
margin: 3px 7px 7px 7px;
}
/*enforces that all content in the page is at least 1000px wide*/
#all-content-wrapper{
min-width:1000px;
*width:expression(document.body.clientWidth < 1000? "1000px": "auto" );
}
a img {
border:none;
}
/*-----------------------------------------------------------------------------------*/
/* Search results display area on Engineering Web Search results page */
.SearchResultsBox {
width:700px;
}
/* ================ GSML RENDERING ============ */
.gsml {
}
.gsml p {
margin-top: 1px;
margin-bottom: 1px;
}
.gsml h1 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.gsml h2 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.gsml h3 {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
/* ============================ */
/* === Action Bar === */
div.actionBar {
background: #EEE;
border: 1px solid silver;
height: 27px;
padding: 0 0 0 3px;
}
a.actionBarButton {
margin: 3px 0 0 0;
padding: 2px 7px 2px 5px;
text-decoration: none;
color: #000;
display: block;
float: left;
border: 1px solid #EEE;
}
a.actionBarButton:hover {
background-color: #FFB;
border: 1px solid #000;
}
a.actionBarButton img {
border: 0;
}
.actionBarSep {
float: left;
width: 1px;
background-color: silver;
margin: 5px 2px 0 2px;
}
a.actionBarButton img {
vertical-align: top;
}
/* Search Form Prompt stuff (a.k.a facets) */
div.search-form-prompt-container {
margin:5px 10px 5px 10px;
}
div.search-form-prompt {
float:left;
margin:0px 15px 0px 0px;
max-width: 200px;
}
div.search-form-prompt label {
display:block;
font-weight:bold;
}
div.search-form-prompt img {
border: 0;
}
ul.search-form-prompt-option-list {
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.search-form-prompt-option-list li {
padding:0px 0px 0px 0px;
}
/* Search Result Stuff */
ul.search-result-list {
list-style:none;
margin:0px 0px 10px 0px;
padding:0px;
}
li.search-result {
margin:0px 10px 10px 10px;
width: 750px;
}
ul.search-result-list li.search-result a.search-result-title {
color:#003399;
font-size:16px;
text-decoration:underline;
}
ul.search-result-list li.search-result span.search-result-title-extra {
color:green;
font-size:10px;
}
ul.search-result-list li.search-result div.search-result-snippet {
margin:0px;
}
ul.search-result-list li.search-result.clustered {
margin-left: 20px;
}
div.supplier-deep-link-wrapper {
margin:5px 10px;
}
div.supplier-deep-link-wrapper ul {
float:left;
list-style:none;
margin:0px 20px 0px 0px;
padding:0px;
}
div.supplier-deep-link-wrapper ul li a.collapsed {
background:url(/pix/treevw_plus.gif) no-repeat;
padding:2px 0px 0px 15px;
}
div.supplier-deep-link-wrapper ul li a.expanded {
background:url(/pix/treevw_minus.gif) no-repeat;
padding:2px 0px 0px 15px;
}
div.related-areas {
margin-left: 10px;
}
div.related-areas-title {
margin-bottom: 4px;
}
div.related-areas td {
padding-right: 18px;
}
/* Added styles for the links used as toggles for "expandable" sections
of content.
DA - 6/2/2009 */
a.collapsed {
padding:0px 0px 0px 15px;
background-image:url(/pix/treevw_plus.gif);
background-repeat:no-repeat;
background-position:0px -2px; /* The -2px on the vertical positioning is to compensate for
extra padding on the top of the image */
}
a.expanded {
padding:0px 0px 0px 15px;
background-image:url(/pix/treevw_minus.gif);
background-repeat:no-repeat;
background-position:0px -2px; /* The -2px on the vertical positioning is to compensate for
extra padding on the top of the image */
}
/*NEW BUTTON LAYOUT*/
.customButton{
cursor:pointer;
margin:0px auto;
}
a.customButton {
background:url(/pix/enhancedSearchBox/headSpriteSheet.gif) repeat-x 0px -156px;
border:1px solid #b99434;
color:black;
text-decoration:none;
/* The following line is a fix for Firefox 2, which did not support
the "real" inline-block display type. Firefox 3 correctly supports
display:inline-block and throws a warning on display:-moz-inline-block.
DA - 7/21/2009 */
display:-moz-inline-block;
display:inline-block;
width:205px;
height:14px;
padding:5px;
}
a.customButton:hover, a.customButton:visited{
color:black;
}
.customButton img{
border:none;
float:left;
}
.customButton .buttonText{
font-size:12px;
font-weight:bold;
float:right;
vertical-align:middle;
}
a.bigButton {
background:url(/pix/enhancedSearchBox/large_button_background.png) repeat-x center center;
font-size:16px;
height:19px;
line-height:19px;
margin:0 auto;
padding-top:10px;
text-align:center;
text-decoration:none;
width:200px;
}
/* Enhanced Search Box Stuff */
div#gs-search-wrapper {
background-color:#DAE1E6;
text-align:center;
padding:0px 0px 5px 0px;
}
div#gs-search-wrapper div.inner-tube {
width:820px;
*width:720px;
margin:0px auto;
text-align:center;
}
form#gs-search {
margin:5px 0px 0px 0px;
}
form#gs-search input#query {
width:345px;
}
form#gs-search input#search-button {
border:1px solid #B99434;
background:#F8C947 url(/pix/EnhancedSearchBox/headSpriteSheet.gif) repeat-x 0px -156px;
cursor:pointer;
padding:1px 0px;
width:210px;
z-index:1;
}
form#gs-search label#search-prompt {
color:black;
display:inline-block;
font-weight:normal;
margin:0px 5px 0px 0px;
min-width:115px;
text-align:right;
width:115px;
}
div#tab-row {
background-image: url(/pix/EnhancedSearchBox/headSpriteSheet.gif);
background-repeat: repeat-x;
background-position: 0px -101px;
margin:0px;
padding:0px;
}
#search-tabs {
height:27px;
list-style:none;
margin:0px auto;
padding:0px;
vertical-align:bottom;
width:558px;
}
#search-tabs li.tab {
display:inline-block;
float:left;
height:27px;
margin:0px;
padding:0px;
position:relative;
}
#search-tabs li.tab div.tab-outer-wrapper,
#search-tabs li.tab div.tab-inner-wrapper {
/*background:transparent;*/
}
#search-tabs li.tab a.tab {
border-right:solid silver 1px;
color:#003399;
/*font-weight:bold;*/
line-height:27px;
padding:0px 10px;
text-decoration:none;
}
#search-tabs li.selected {
border-left:0px;
border-right:0px;
background-image: url(/pix/EnhancedSearchBox/headSpriteSheet.gif);
background-repeat: no-repeat;
background-position:0px -182px;
border-bottom:solid #DAE1E6 1px;
background-color:#DAE1E6;
padding:0px 0px 0px 2px;
margin:0px;
}
#search-tabs li.selected div.tab-outer-wrapper {
background-image: url(/pix/EnhancedSearchBox/headSpriteSheet.gif);
background-repeat: no-repeat;
background-position:right -182px;
padding:0px 2px 0px 0px;
}
#search-tabs li.selected div.tab-inner-wrapper {
background-image: url('/pix/EnhancedSearchBox/headSpriteSheet.gif');
background-repeat:repeat-x;
background-position:0px -129px;
/* Hacks to make the selected tab appear correctly in IE 6
DA - 3/1/2010 */
*height:1%;
*display:inline;
}
#search-tabs li.selected a.tab,
#search-tabs li.selected a.tab:active,
#search-tabs li.selected a.tab:hover {
border-left:none;
border-right:none;
/*background-color:#DAE1E6;*/
color:black;
font-weight:bold;
padding:0px 5px;
margin-bottom:-5px;
text-decoration:none;
}
#search-tabs li.no-sep a.tab {
border:none;
}
#search-tabs li#more a.tab {
border-right:none;
display:inline-block;
padding:0px 15px 0px 5px;
}
#search-tabs li#more a.tab .dropdown{
background-image:url(/pix/EnhancedSearchBox/headSpriteSheet.gif);
background-position:-2px -182px;
background-repeat:no-repeat;
height:27px;
position:absolute;
right:0px;
top:0px;
width:13px;
}
#search-tabs li#more a.tab .selected{
background-position:-15px -182px;
}
#additional-search-tabs {
border:solid #6991D1 1px;
background-color:#FFFFFF;
display:inline-block;
margin:0px;
padding:0px;
position:absolute;
left:565px;
top:24px;
list-style:none;
text-align:left;
width:180px;
z-index:99;
}
#additional-search-tabs li.tab {
display:block;
margin:5px 10px;
}
#additional-search-tabs li.tab-separator {
font-size:1px;
height:1px;
border-top: solid #6991D1 1px;
margin:0px;
padding:0px;
}
#additional-search-tabs li a.tab {
color:#003399;
font-weight:normal;
text-decoration:none;
}
#additional-search-tabs li.selected a.tab {
color:black;
font-weight:bold;
text-decoration:none;
}
input.empty-search {
color:#AAAAAA;
}
.hidden {
display:none;
}
/* My GlobalSpec Stuff */
#my-gs-button {
display:inline;
width: 138px;
height: 23px;
float: right;
margin: 0px 10px 0px -148px;
padding: 0;
border: 0;
}
a.my-gs-button-active {
background:url('/pix/EnhancedSearchBox/headSpriteSheet.gif');
background-repeat:no-repeat;
background-position:0px -55px;
}
a.my-gs-button-pushed {
background:url('/pix/EnhancedSearchBox/headSpriteSheet.gif');
background-repeat:no-repeat;
background-position:0px -78px;
}
ul#my-gs-menu {
background-color:#FFF;
border:solid #6991D1 1px;
list-style:none;
margin:0px;
padding:5px;
position:absolute;
text-align:left;
width:168px;
right:10px;
top:25px;
z-index:99;
}
li.my-gs-menu-item {
padding:0px 0px 0px 4px;
margin:3px 0px;
}
#my-gs-menu div.myglobalspec-menu-icon{
background-image:url(/pix/EnhancedSearchBox/headSpriteSheet.gif);
background-repeat:no-repeat;
clear:left;
float:left;
height:16px;
width:20px;
}
#my-gs-menu #myglobalspec-nav div.myglobalspec-menu-icon{
background-position: -141px -59px;
}
#my-gs-menu #mysuppliers-nav div.myglobalspec-menu-icon{
background-position: -165px -59px;
}
#my-gs-menu #myparts-nav div.myglobalspec-menu-icon{
background-position: -188px -59px;
}
#my-gs-menu #myprojects-nav div.myglobalspec-menu-icon{
background-position: -141px -81px;
}
#my-gs-menu #myaccount-nav div.myglobalspec-menu-icon{
background-position: -165px -81px;
}
#my-gs-menu #mysubscriptions-nav div.myglobalspec-menu-icon{
background-position: -188px -81px;
}
a.my-gs-menu-item,
a.my-gs-menu-item:visited {
color:#000;
text-decoration:none;
width:100%;
}
#my-gs-menu li.hover {
background-color:#E5EFF9;
border:none;
}
/* Style info for Coach the User */
.coaching-outer{
float:left;
width:700px;
border:1px solid;
border-color:#FCEFA1;
background:#FFF9DD;
margin-bottom:10px;
margin-left:10px;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
}
.coaching-outer h3{
margin-top:5px;
margin-bottom:5px;
font-family:Arial,Helvetica,Sans Serif;
font-size:14px;
}
.coaching-outer h2{
margin-top:0px;
margin-bottom:5px;
font-family:Arial,Helvetica,Sans Serif;
font-size:15px;
}
.coaching-tips{
width:33%;
float:left;
background:#FFF9DD;
font-family:Arial,Helvetica,Sans Serif;
font-size:12px;
}
.coaching-tips h4{
margin-top: 2px;
margin-bottom: 2px;
font-family:Arial,Helvetica,Sans Serif;
font-size:13px;
}
.coaching-tips .hide-link{
margin-top:8px;
float:right;
background:#FFF9DD;
font-family:Arial,Helvetica,Sans Serif;
font-size:10px;
}
#alert-signup-overlay {
background-image:url('/pix/alerts/Alert-popup-bkgrnd.jpg');
height:500px;
overflow-x:hidden;
padding:0px;
width:400px;
left:0px;
}
/*
Styles Associated with the matching item list (cfm/specSearch/products.cfm)
and the areaspec part list datasheet(cfm/specSearch/SEO_areaSpec.cfm)
*/
ul.catalog-item-list {
list-style:none;
margin:0px;
padding:0px;
}
div.part-summary-header {
background-image:url('/pix/matchingItems/part-summary-header.gif');
background-repeat:no-repeat;
height:9px;
line-height:9px;
margin:0px 0px 0px 1px;
padding:0px;
}
a.to-top-arrow {
background:url(/pix/sf/matchingSuppliersSpriteOptimized.png) -399px -114px no-repeat;
bottom: 3px;
clear: left;
display:block;
height:9px;
left:5px;
margin: 0px 0px 2px 0px;
position:absolute;
width:9px;
}
div.part-compare {
left:0px;
margin:45px 0px 0px 0px;
position:absolute;
}
li.part-summary {
background: transparent url('/pix/matchingItems/part-summary-wrapper-bg.jpg') repeat-y;
border-bottom:solid 2px #AAA;
color:#2D384E;
float:none !important;
float:left;
font-size:12px;
margin:0px 0px 0px 2px;
_margin:0px 0px 0px 1px; /* IE6 only */
overflow:auto;
padding:10px 10px 10px 30px;
position:relative !important;
position:static; /* IE only */
width:auto !important;
width:719px;
}
li.part-summary .part-image{
margin:0px auto;
}
li.part-summary .part-name{
font-size:14px;
font-weight:bold;
}
.part-text{
margin-left:100px;
padding-left:10px;
}
li.part-summary .spec-list{
float:left;
margin:10px 0px;
padding-left:20px;
width:250px;
}
li.part-summary .spec-list li{
color:#2D384E;
}
li.part-summary .spec-list .spec-name{
font-weight:bold;
}
li.part-summary .similar-parts{
clear:left;
}
li.part-summary .toggle-related-parts:visited {
color:#039;
}
.image-wrapper{
float:left;
height:100px;
text-align:center;
width:100px;
}
.part-image-wrapper {
background-color:#eee;
border:1px solid silver;
float:left;
margin-bottom:10px;
margin-right:0px;
padding:2px;
text-align:center;
}
.part-image-wrapper .no-image{
border:1px solid silver;
color:#777;
height:90px !important;
height:93px;
padding-top:8px !important;
padding-top:16px;
margin:0px auto;
text-align:center;
width:95px;
}
.part-image-wrapper a,
.part-image-wrapper a:hover{
color:#777;
cursor:pointer;
text-decoration:none;
}
/*Start GlobalSpec site-wide header*/
.GlobalSpecSearchEngineLogo{
background:url(/pix/EnhancedSearchBox/headSpriteSheet.gif) 0 0 no-repeat;
border:none;
height:55px;
margin-bottom:5px;
margin-top:6px;
width:208px;
}
/*End GlobalSpec site-wide header*/
/* Matching Suppliers Table Styles */
#supplierListDiv tr {
cursor: pointer;
vertical-align: top;
}
#supplierListDiv .odd {
background-color: #F7F7F7;
}
#supplierListDiv .highlight {
background-color: #FFFFCC;
}
#supplierListDiv a.catalog,
#supplierListDiv a.catalog:active,
#supplierListDiv a.catalog:visited,
#supplierListDiv a.catalog:hover,
#supplierListDiv a.enhanced-profile,
#supplierListDiv a.enhanced-profile:active,
#supplierListDiv a.enhanced-profile:visited,
#supplierListDiv a.enhanced-profile:hover {
font-weight: bold;
color: #000;
}
#supplierListDiv a.catalog-unbold,
#supplierListDiv a.catalog-unbold,
#supplierListDiv a.catalog-unbold,
#supplierListDiv a.catalog-unbold{
color: #000;
font-weight: normal;
}
#supplierListDiv a.basic-profile,
#supplierListDiv a.basic-profile:active,
#supplierListDiv a.basic-profile:visited,
#supplierListDiv a.basic-profile:hover {
color: #000;
}
/* End Matching Suppliers Table Styles */
/* Part Number Result Table Styles */
.part-number-table {
border:solid black 1px;
border-spacing:0px;
padding:0px;
}
.part-number-table th {
text-align:left;
}
.part-number-cell {
border-top:dashed gray 1px;
padding:3px 0px;
vertical-align:top;
}
/* End Part Number Result Table Styles */
/* Learn More Page-Specific Styles. (Style prefix = "lm-" */
p.lm-text {
margin:0px 0px 10px 0px;
}
#lm-main-content{
display:inline-block;
margin:0px 250px 0px 10px;
min-width:720px;
}
#lm-sidebar {
float:left;
width:200px;
margin:0px 0px 0px -200px;
}
#lm-seo-footer {
margin:10px 0px 0px 10px;
}
div.lm-sidebar-bricklet {
margin:0px 0px 15px 0px;
}
/* hack to get the spacing the same for both IE and Firefox */
hr.seperator {
margin:17px !important;margin:10px;
}
#lm-spec-search-wrapper {
background-color:#FFF9DD;
border:solid silver 1px;
margin:5px 0px;
padding:10px;width:100%;
}
div.lm-related-area{
margin:0px 0px 8px 5px;
}
h1.lm-header {
font-weight:normal;
}
h2.lm-header {
font-size:16px;
}
div.lm-section {
margin:0px 0px 0px 5px;
}
#lm-wrapper{
float:left;width:100%;
}
/* End Learn More Page-Specific Styles */
/* Related Catalog Item specific styles */
.related-catalog-items-wrapper{
background:url(/pix/relatedParts/relatedCatalogItemsBG.jpg) repeat-x;
border:1px solid silver;
margin:5px 0px;
padding:0px 10px;
text-align:center;
}
.related-catalog-items-wrapper .all-suppliers{
font-size:xx-small;
}
.related-catalog-items-wrapper h2{
margin:5px;
padding:5px 0px 0px 0px;
}
.related-supplier-logo{
float:left;
margin:5px 5px 5px 7px;
-ms-interpolation-mode:bicubic;
}
.related-part-horizontal{
float:left;
text-align:center;
width:20% !important;
width:19%; /*not fighting with ie...looks like crap*/
}
.related-part-vertical{
border-bottom:1px solid silver;
padding-bottom:10px;
margin:5px 0px 10px;
text-align:left;
width:100%;
}
.related-part-vertical .part-image-wrapper{
float:left;
height:100px;
margin:0px 5px 5px;
width:100px;
}
.related-part-horizontal .part-image-wrapper{
float:none;
height:100px;
margin:0px auto 5px;
width:100px;
}
/*End Related Catalog Item specific styles */
/* At Risk Featured Product Display styles */
#atRiskFpContainer {
background-color:#FFF9DD;
margin:0px 0px 10px 0px;
overflow:auto;
padding:5px 0px 5px 0px;
width:770px;
}
#atRiskFpLabel {
float:right;
}
img.atRiskFpThumbnail {
background-color:white;
border:solid black 1px;
margin:0px 0px 0px 0px;
float:left;
}
div.atRiskFpResult {
margin:10px 10px 10px 10px;
}
div.atRiskFpDescription {
margin:0px 0px 0px 120px;
}
/* End At Risk Featured Product Display styles */
/* Registration Form Styles */
#RegistrationPopUpWindow {
background:#FFF;
border:solid #3F64B2 3px;
margin-left:200px;
text-align:center;
width:400px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
}
#opheader {
font-family: tahoma, arial, helvetica;
font-size: large;
color: ##003399;
text-align: left;
margin-bottom: 7px;
}
.regContent {
margin-left: 20px;
font-family: tahoma, arial, helvetica;
font-size: 15px;
color: black;
text-align: left;
padding: 5px;
margin-bottom: 7px;
}
.rw-form {
border:solid #3F64B2 3px;
margin: 0 auto 0 200px;
width: 570px;
/*width: 540px;*/
text-align: center;
padding: 0px;
background-color: #FFFFCC;
-moz-border-radius:14px;
-webkit-border-radius:14px;
}
.rw-innertube {
padding:17px;
}
#HiddenLoginBox {
position: absolute;
left: 600px;
top: 200px;
}
.rw-form tr {
vertical-align: middle;
}
.rw-form td {
text-align: left;
}
.rw-form th {
text-align: right;
font-weight: bold;
background-color: #FFFFCC;
font-family: Arial, Helvetica, Sans Serif;
font-size: 13px;
}
/* hide auto-complete color in browser-recognized text fields */
.rw-form input[type='text'],
.rw-form input.text {
background-color: #FFFFFF;
}
.rw-formtable {
padding: 2px;
}
#wizardForm {
display: inline;
}
#choicesBoxDiv {
border: solid 2px #D6DEE7;
background-color: #F7F7F7;
width: 560px;
padding: 0 0 0 0;
}
#choicesBoxHeader {
font-family:Arial, Helvetica, Sans Serif;
font-size: 13px;
font-weight: bold;
background-color: #D6DEE7;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
#choicesBoxContent {
padding-left: 50px;
padding-top: 5px;
padding-bottom: 20px;
}
.choicesBoxContentSection {
padding-top: 20px;
}
/* End Registration Form Styles */
/* Industrial Directory Styles */
#inddir-header {
font-size:14px;
margin:10px 5px 10px 0px;
}
.inddir-welcome-kw {
color:#9E0100;
}
#inddir-pab-bricklet {
float:right;
margin:10px 0px 0px 10px;
width:200px;
}
.inddir-section {
display:none;
margin:10px 0px;
overflow:auto;
}
.inddir-active-section {
display:block;
margin:10px 0px;
overflow:auto;
}
.inddir-pa-thumbnail {
border:solid black 1px;
margin:0px 0px 0px 0px;
float:left;
}
#inddir-part-finder-table {
margin:10px 10px 10px 10px;
}
#inddir-engweb {
float:left;
margin:0px 300px 0px 0px;
}
#inddir-cpc {
float:right;
margin:0px 0px 0px -200px;
width:200px;
}
#inddir-footer-links {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:none;
}
/* Product Search result image stuff */
.inddir-area-inner-wrapper {
margin:0 0 0 75px;
}
.inddir-area-image-holder {
float:left;
height:64px;
width:64px;
}
.inddir-area-image {
max-width:64px;
max-height:64px;
height:expression( this.height> 64? "64px": true );
width:expression(this.width > 64? "64px": true );
}
/* convenience class to clear any aligns */
.clear {
clear:both;
}
.inddir-tabs {
border-bottom:1px solid silver;
float:left;
list-style:none;
margin:0px;
padding:0px;
position:relative;
width:100%;
}
.inddir-active-tab {
border:solid silver 1px;
border-bottom: none;
background-color:white;
float:left;
height:14px;
padding:2px 3px 4px 3px;
margin:0px 8px 0px 0px;
position:relative;
top:1px;
z-index:1;
}
.inddir-tab {
border:solid silver 1px;
border-bottom:none;
background-color:#2E5499;
float:left;
height:14px;
padding:2px 3px 4px 3px;
margin:0px 8px 0px 0px;
position:relative;
top:1px;
z-index:1;
}
.inddir-active-tab a,
.inddir-active-tab a:hover,
.inddir-active-tab a:visited {
color:#A96A00;
cursor:default;
font-weight:bold;
text-decoration:none;
}
.inddir-tab a,
.inddir-tab a:visited {
color:white;
}
.inddir-tab a:hover {
color:white;
text-decoration:underline;
}
/* End Industrial Directory Styles */
/* Including the print styles here, so
that it doesn't require a second
stylesheet */
@media print {
.more {
display:block;
}
.projectMenu {
display: none;
}
.actionBar {
display: none;
}
#MyGlobalSpecMenu {
display: none;
}
.headerGold {
text-decoration: underline;
}
.muted {
color: gray;
}
a.action {
display: none;
}
a,
a:active,
a:visited {
text-decoration: none;
}
#partbin {
display: none;
}
#myglobalspec-feedback-bricklet {
display: none;
}
#siteFooter{
display:none;
}
#feedbackButton{
display:none;
}
.userSupplier-more{
display: inline-block !important;
}
#addContact{
display:none;
}
#partFilter{
display:none;
}
}