/*This first section may be broken out for use with branding.shtml when used with the php include statement */ @charset "iso-8859-1"; /*css for nametag...created 5 Mar 2008 --last updated 2-2010 : discription of actions taken brand css and new index: by rb-- --last updated 4-2011 : discription of actions taken brand css and new index: by AD--*/ /* ********Fixes IE margin-padding error****** */ html, body, div, h1, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } .clear {font-size: 1px; height: 1px} /* ****************GENERAL TAG STYLES********************* */ body { background-color:#FFFFFF; min-width: 985px; /* maintains usability for viewers set below 800px in width */ font-family: Arial, helvetica, sans-serif; font-size:11px; line-height:125%; text-align: center; outline: none; } a { text-decoration:none; outline: none; } a:link, a:visited { color:#43667d; } a:hover, a:active { color:#CC6600; } a img { text-decoration: none; border: 0 none; } table {margin-left:auto; margin-right:auto; text-align:center;} th { font-size: 1.50em; font-weight: bold; background-color:#CCCCCC; padding: 10px 0 10px 0; } td { padding: 5px 5px 5px 5px; } .grid { border: 1px solid #CCCCCC; } .samples td{padding: 0 5px; font-size:.90em; } .samples h6 {font-size:14px; font-weight: bold; text-decoration:underline;} .lanyardImprint td { font-size:.80em; padding:0 0 5px 0;} label { font-size: 1.15em;font-weight: bold;color: #CC6600;padding: 10px 0 3px 0;display: block;} p { line-height: 150%; padding-bottom: 5px; text-indent: 15px; text-align:left; } h1 { font-size: 2.5em; font-weight: bold; line-height: 100%; } h2 { font-size: 2.25em; font-weight: bold; line-height: 100%; padding-top: 5px; text-align: left; } h3 { font-size: 2em; font-weight: bold; line-height: 100%; padding: 5px 0 5px 0; text-align: left; } h4 { font-size: 1.73em; font-weight: bold; line-height: 100%; margin: 5px 0 5px 0; text-align: left; } h5 { font-size: 1.20em; font-weight: bold; line-height: 150%; padding-bottom: 0; } blockquote {font-size: 1.2em;font-weight: bold;line-height: 150%;text-align:center;font-style: italic;color: #CC6600;padding: 15px;} hr { color:#CCCCCC; } ol { text-align: left; padding-left: 20px; list-style-position: inside; } ul { text-align: left; list-style-position: inside; } /* ****************GENERAL CLASS STYLES********************* */ .lgBlack { font-size: 2em; font-weight: bold; color:#000000; line-height: 150%; } .mdLgBlack { font-size: 1.50em; font-weight: bold; color:#000000; line-height:125% } .mdBlack { font-size: 1.15em; font-weight: bold; color:#000000; } .smBlack { font-size: .85em; font-weight: normal; color:#000000; display:block; } .mdRed { font-size: 1.10em; font-weight: bold; color:#CC0000; } .asterisk { display: inline; font-size: 2em; color: #CC0000; line-height: 11pt; font-weight: bold; } .information {font-size: 1.20em;font-weight: bold;line-height: 125%;text-align:center;border-top: #0066CC medium double;border-bottom: #0066CC medium double;padding: 5px 0 5px 0; margin: 10px 50px 5px 50px;} .divline { border-bottom: #DFDFDF thin solid;padding-top: 10px;margin-bottom: 10px;width: 95%; margin-left: auto; margin-right:auto;} /* ****************GENERAL DIV STYLES********************* */ #container {width:985px;position:relative;margin:0 auto;text-align: left;background-color: #FFFFFF;} #container_error { width:985px; position:relative;margin:0 auto;text-align: left;background-color: #CD6805;} #content{float: left; width: 985px; background-color:#EEEEEE; clear:both; text-align:center;} #heading { clear:both; width: 965px; background-color: #EEEEEE; text-align: left; padding: 1px 0 20px 20px; margin-left: auto; margin-right: auto; } #ntheading { clear:both; width: 965px; height:92px; background-color: #EEEEEE; text-align: left; padding: 1px 0 20px 20px; margin-left: auto; margin-right: auto; background-image:url(../imageGeneral/head-ntbkgnd.jpg); background-position:right bottom; background-repeat:no-repeat;} #resourceHeading { clear:both; width: 965px; background-color: #E5DABA; text-align: left ; padding: 1px 0 20px 20px; margin-left: auto; margin-right: auto;} /* **************** BACK NAVIGATION STYLES ******************** */ .backNav { font-size: 1em; width: 63%; margin: 5px 10px 15px 0; text-align: left; } .backNav a:link, #backNav a:visited { color:#CC6600; } .backNav a:hover, #backNav a:active { color:#FF9900; } /* ----------------- END BACK NAVIGATION STYLES --------------------- */ #javascriptWarn td {background-color:#CC0000; color:#FFFFFF; padding: 10px 5px 10px 5px; font-size:.9em;} /* **************** BEGIN SITEAD STYLES ********************* */ #siteAd { clear: both;width: 925px;background-color: #EEEEEE;text-align: center;padding: 15px 30px 10px 30px;} .siteProductHd {font-size: 1.25em;font-weight: bold;text-align:left;line-height:150%;} .siteHighlight { font-size: 1.25em;font-weight: bold;color:#CC6600;line-height: 1.75em;} .siteHighlightLg { font-size: 2em; font-weight: bold; text-align:right; color:#CC6600; line-height:100%; } /* ----------------- END SITEAD STYLES --------------------- */ /* **************** BEGIN ORDER STYLES ********************* */ #orderContent{float: left; position: relative; padding-right: 50px; width: 525px; background-color:#FFFFFF; outline:none} #order{ float: left; width: 400px; background-color:#FFFFFF; outline:none;} #order p { font-size: 0.8em; line-height: 1em; text-indent: 0px; } #order table {table-layout:fixed;} #order table td {padding: 2px;} #orderHead { width: 100%; background-color:#CC6600; font-size:1.75em; font-weight:bold; color: #FFFFFF; padding: 10px 5px 10px 5px; } #order select { width: 225px; font-size: 11px; padding: 2px; } #order input { font-size: 11px; padding: 2px; } .orderSubSection{padding-left: 17px;} #order #supNav-txt {color:#FFFFFF;} #orderPrices{float: left;clear: both;width: 985px;background-color:#FFFFFF; padding: 15px 0 15px 0;} #orderPrices table {border: #CCCCCC 2px solid;margin-right: auto;margin-bottom: auto;} #order label { font-weight: normal; font-size: 0.95em; color: #666666; display: inline; } #orderUtilNav { width: 100%; background-color:#747d83; color: #000000; margin-top:5px; text-align:left; margin-bottom: 1px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; } #orderUtilNav-info { width: 100%; background-color:#747d83; color: #000000; text-align:left; padding: 1px 0; } .orderAd { width: 399px; height:60px; background-image:url(../_webAds/orderAds-bkgnd.jpg); background-repeat: no-repeat; border: #666666 1px solid; margin-top:30px; } .adText { position: relative; top: 39px; left: 210px; width:150px; font-size:13px; text-align:right; } /* **************** START RIBBON ORDER STYLES ********************* */ #ribbonOrder { width: 940px; background-color:#FFFFFF; } #ribbonOrder select { width: 225px; font-size: 11px; padding: 2px; } #ribbonOrderrder input { font-size: 11px; padding: 2px; } #ribbonOrderTable{ padding:0; margin:0; } #ribbonOrderTable td { padding:3px; text-align:left; line-height:20px; border: 1px solid #FFFFFF; } /* **************** END ORDER STYLES ********************* */ /* ***************** begin styles specific to Sample Order Pages ***********************/ #contentSample p { font-size: 1em; line-height: 1.75em; padding-bottom: 2px;} #contentSample td { margin:0; padding:0;} #contentSample select {font-size: 11px; background-color: #EEEEEE !important; border: 1px solid #CCCCCC; float: left; padding: 2px; margin-right:15px; } #contentSample .text {width: 200px; font-size: 11px; background-color: #EEEEEE !important; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .textPhone {width: 110px; font-size: 11px; background-color: #EEEEEE !important; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .textExt {width: 40px; font-size: 11px; background-color: #EEEEEE !important; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .textZip {width: 80px; font-size: 11px; background-color: #EEEEEE !important; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .textArea {width: 200px; font-size: 11px; background-color: #EEEEEE !important; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .product {font-size: 11px; line-height:1.75em;} #contentSample label { font-weight: normal; font-size: .95em; color: #666666; display: block; text-align: left; padding: 10px 0 2px 0; } .descript {font-size:7px; color:#CCCCCC; display:block; text-align:left; padding:5px 0 0 15px;} .sampleList {font-size: 1.25em; font-weight:bold; color:#000000; text-align:left; padding: 10px 0 5px 0;} .descriptReq { font-size:7px; color:#CCCCCC; display:block; text-align:left; background-image: url(../imageGeneral/asterisk.gif); background-repeat: no-repeat; background-position: left bottom; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 15px; } #survey td {padding: 5px 0;} legend {font-size: 2em; font-weight: bold; line-height: 100%; padding: 20px 0 5px 0; text-align: left; } fieldset {border:none; text-align:center;} /****************** end styles specific to Sample Order Pages ********************/ /* **************** resource specific styles ********************* */ #resourceNav {color:#0066CC; padding-left:5px;} #resourceNav h5 {padding-top: 10px;} #resourceNav li { padding-left:5px;list-style:none;} /* **************** end resource specific styles ********************* */ /* **************** BRAND310 STYLES ********************* */ #branding{ background-image: url(images/brandbkg.png); height: 110px; width: 985px; background-repeat: no-repeat; position: relative; top: 0px; background-position: left top; z-index: 2; background-color: #FFFFFF; } .company {display: none;} .tagline{display: none; } #logoHotSpot a{ position: absolute; height: 60px; width: 309px; top: 25px; text-decoration: none; left: 14px; } #logoHotSpot a span {display: none;} #utilityNav { width:985px; left: 0px; top: -18px; background-color:#DCCCA0; padding:6px 0 4px 0; font-size:1.15em; text-decoration: none; text-align: center; line-height: 100%; } #utilityNav a{ padding: 0 10px; } #utilityNav a:link, #utilityNav a:visited { color:#000000; } #utilityNav a:hover, #utilityNav a:active { color:#CC6600; font-weight:bold; } #liveChat{ position: relative; width: 100px; left: 0px; top: -40px; height: 37px; float: right; padding-right: 20px; } #phoneTime { position:absolute; width:426px; height: 64px; left: 441px; top: 12px; font-size:1em; color: #FFFFFF; text-align: right; line-height: 20px; } .specialLink a {text-decoration: underline;} .specialLink a:link, .specialLink a:visited { color:yellow; font-weight:bold; } .specialLink a:hover, .specialLink a:active { color:white; font-weight:bold; } .phone { font-size:2.25em; font-weight:bold; color:#FFFFFF; } #security{ position: absolute; width: 100px; left: 878px; top: 12px; height: 60px;} #search{ position: absolute; width: 395px; left: 582px; top: 88px; text-align:right; float:right; } .searchText { width: 150px; border:#432200 1px solid; font-size:0.95em; background-color:#F3EFE0; padding:2px;} .searchImg { padding:0; margin:0;} /* start styles for product navigation */ #pageNav { position: absolute; left: 22px; top: 86px; height: 32px; width:743px; } .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } #pageNavbar, #pageNavbar ul { padding: 0; margin: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; } #pageNavbar a { display: block; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 1em; font-weight: bold; color: #E5DABA; text-align: left; border-right:#9A4D01 thin solid;} #pageNavbar li { float: left; width: 15em; } #pageNavbar li ul, #pageNavbar ul li { width: 17em; } #pageNavbar ul li a { color: #666666; border-right: 0; padding: 5px 20px 5px 5px; } #pageNavbar li ul { position: absolute; display: none; background-color: #666666; border-left: 10px solid #cc6600;padding-bottom:15px;} #pageNavbar li:hover a, #pageNavbar a:focus, #pageNavbar a:active, #pageNavbar li.p7hvr a { color: #FFFFFF; background-color: #CC6600; } #pageNavbar li:hover ul, #pageNavbar li.p7hvr ul { display: block; } #pageNavbar li:hover ul a, #pageNavbar li.p7hvr ul a { color: #E5DABA; background-color: transparent; } #pageNavbar ul a:hover { background-color: #999999!important; color: #FFFFFF!important; } /* The single backslash \ character inside this comment causes IE5 Mac to ignore the following rule, which allows other browsers to render top-level menu items to their natural width. Do not edit this rule in any way. */ #pageNavbar li {width: auto;} /* end styles for product navigation */ /* **************** END BRAND310 STYLES ********************* */ /* **************** START SITEINFO310 STYLES ********************* */ #si {clear:both;} #siteInfo { position: absolute; font-size: 0.9em; line-height: 115%; background-image:url(images/siteInfobkg-2.png); background-color: #FFFFFF; width: 985px; height: 195px; top: auto;} #siteInfo a:link, #siteInfo a:visited { color:#000000; } #siteInfo a:hover, #siteInfo a:active { color:#666666; } #siteInfo table td{padding:2px; margin:0;} #siteInfo-nav { position:absolute; margin-left:280px; font-size:1.15em; text-decoration: none; text-align: center; margin-top:100px;} #siteInfo-nav a {padding: 0 5px;} #copywrite-guarantee { position:absolute; margin-left:349px; font-size:1.15em; text-decoration: none; text-align: center; margin-top:115px; } #copywrite-guarantee a {padding: 0 5px;} #partners { position:absolute; margin-left:225px; font-size:1.15em;text-decoration: none;text-align: center; padding-top:37px; padding-left:90px;} #additionalSites {position:absolute; margin-left: 725px; width:250px; font-size:1.15em;text-decoration: none;text-align: right; padding-top:5px;} #additionalSites a {padding: 0 5px;} #newsletter { font-size:1.15em;text-decoration: none;text-align: right;line-height: 100%; padding-left:735px; width 250px; padding-top:2px;} #guarantee { position: absolute; top:0 left: 0; height: 80px; width: 100px;} #guarantee a span {display: none;} /* **************** END SITEINFO310 STYLES ********************* */ /* **************** INDEX STYLES ********************* */ #indexContent table {padding:0; margin:0;} #indexContent table td {padding:0; margin:0;} #ntbackground {background-image: url(../imageIndex/nametags-bkg.jpg); height: 255px;} #np-background { background-image: url(../imageIndex/modern-name-plate-bkg.jpg); background-repeat:no-repeat; height:210px; background-color: #EEEEEE; } #reviewSpace { margin-left: 1px; text-align:left;} #reviewSpace p { color:#666666; font-size: 11px; padding: 0 10px;} #reviewNameSpace { color:#CC6600; font-size: 10px; font-family:Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 10px;} #readReviews {color:#669933; font-size:14px; padding:20px 0;} #readReviews a:link, #readReviews a:visited { color:#6da303; } #readReviews a:hover, #readReviews a:active { color:#7fc001; } #indexAdLink {text-align:left; font-weight:bold; font-size:12px;} #indexAdLink a:link, #indexAdLink a:visited { color:#8b4d02; } #indexAdLink a:hover, #indexAdLink a:active { color:#be6a03; } #indexContent #grid-product td {padding: 10px; text-align:center;} #indexContent h2 {margin:0; padding: 10px 0 0 10px; text-align:left; font-size:18px;} #indexContent .article { font-size:1.02em;} #indexContent .article p {padding: 5px 10px 0 0px; text-align:justify; text-justify:trim; } #indexContent .article h2 {margin:0; padding: 10px 0 0 0; text-align:left; font-size:16px;} /* **************** END INDEX STYLES ********************* */ /* *******************PAGE ADVERTISEMENT ******************** */ #pageAdvert {width: 985px; background-color: #EEEEEE; overflow:hidden; text-align: center; } #pageAdvert p { text-align: left; text-indent: 0; margin: 0 30px 20px 30px; } #pageAdvert .advertImage {padding: 10px 20px; float: left; text-align:center;} #pageAdvert h2 { color: #cc6600;} /* *******************PAGE ADVERTISEMENT ******************** */ .grid {font-size:.90em; border: 1px solid #CCCCCC;} .productName {font-size:12px; font-weight: bold; padding-bottom:6px; display:block;} .tagMinimum {font-size:.66em; font-weight:normal;} #cntHotSpot a{ position: absolute; text-decoration: none; left: 6px; height: 184px; width: 181px; top: 145px; */} #cntHotSpot a span {display: none;} #reuseHotSpot a{ position: absolute; text-decoration: none; left: 203px; height: 176px; width: 161px; top: 150px; */} #reuseHotSpot a span {display: none;} #nbHotSpot a{ position: absolute; text-decoration: none; left: 361px;height: 107px; width: 159px; top: 177px; */} #nbHotSpot a span {display: none;} #pidHotSpot a{ position: absolute; text-decoration: none; left: 385px; height: 182px; width: 151px; top: 147px; } #pidHotSpot a span {display: none;} #adhHotSpot a{ position: absolute; text-decoration: none; left: 560px; height: 182px; width: 128px; top: 149px; } #adhHotSpot a span {display: none;} #modHotSpot a{ position: absolute; text-decoration: none; left: 10px; height: 179px; width: 614px; top: 887px; */} #modHotSpot a span {display: none;} #indexAdSpot a{ position: absolute; text-decoration: none; height: 160px; width: 275px; top: 143px; left: 707px; } #indexAdSpot a span {display: none;} #indexAdSpot2 a{ position: absolute; text-decoration: none; height: 132px; width: 278px; top: 303px; left: 706px; } #indexAdSpot2 a span {display: none;} #adButton {font-size: 14px; font-weight: bold; text-align: center; line-height: 1.25em; } #adButton a:link { color: #FBB00B; text-decoration:none;} #adButton a:visited { color: #FBB00B; text-decoration:none;} #adButton a:hover, #adButton a:active, #adButton a:focus { color: #FFC503; text-decoration:none;} #promoAd {position: absolute; height:174px; width:525px; top:188px; left: 451px; background-image:url(../_webAds/gift2010.png); } #promoAd p {margin: 20px 20px 10px 30px; font-size:12px; } /*accordion css */ .accordion {padding: 0 0 20px 0;} .accordion-content {padding:20px; overflow: hidden; } .accordion-content table td {border:none;} .accordion a { text-decoration: none; outline: none;} .accordion-tab { background-color: #cacaca; padding: 5px 10px; font-size:13px; color: #960202; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px #FFF solid; } a .accordion-tab { text-decoration: none; } a:active .accordion-tab { background-color:#e3e3e3; outline: none;} a:hover .accordion-tab { background-color: #e3e3e3; padding-left: 13px;} .embed-accordion {padding: 0 0 20px 0;} .embed-accordion-content {padding:20px; overflow: hidden; } .embed-accordion-content table td {border:none;} .embed-accordion a { text-decoration: none; outline: none;} .embed-accordion-tab { background-color: #ffba05; padding: 5px 10px; font-size:13px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px #FFF solid; } a .embed-accordion-tab { text-decoration: none; } a:active .embed-accordion-tab { background-color: #f5edb1; outline: none;} a:hover .embed-accordion-tab { background-color: #f5edb1; padding-left: 13px;} .shipProdTable th {font-size: 12px; color: #000; font-weight:bold; } .shipProdTable td {border:1px solid #CCC;}