/*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--*/ /* ********Fixes IE margin-padding error****** */ * { 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 } a:link, a:visited { color:#0066CC; } a:hover, a:active { color:#CC6600; } 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.10em; 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; } #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; border: 1px solid #CCCCCC; float: left; padding: 2px; margin-right:15px; } #contentSample .text {width: 200px; font-size: 11px; background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .textZip {width: 80px; font-size: 11px; background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; float:left; } #contentSample .textArea {width: 200px; font-size: 11px; background-color: #EEEEEE; 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.jpg); height: 110px; width: 985px; background-repeat: no-repeat; position: relative; top: 0px; background-position: left top; z-index: 300; 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; } .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.jpg); 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; width:500px; height: 21px; left: 475px; top: 10px; font-size:1.15em; text-decoration: none; text-align: right; line-height: 100%; } #siteInfo-nav a {padding: 0 5px;} #copywrite-guarantee { position:absolute; width:300px; height: 21px; left: 250px; top: 40px; font-size:1.15em; text-decoration: none; text-align: left; line-height: 100%; } #copywrite-guarantee a {padding: 0 5px;} #partners { position:absolute;width:550px;height: 21px;left: 95px;top: 85px;font-size:1.15em;text-decoration: none;text-align: left;line-height: 100%;} #additionalSites {position:absolute;width:600px;height: 21px;left: 15px;top: 160px;font-size:1.15em;text-decoration: none;text-align: left;line-height: 100%;} #additionalSites a {padding: 0 5px;} #newsletter {position:absolute;width:250px;left: 735px;top: 40px;font-size:1.15em;text-decoration: none;text-align: left;line-height: 100%;} /* **************** 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-family:Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 50px;} #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; } /* **************** END INDEX STYLES ********************* */ #cntHotSpot a{ position: absolute; height: 151px; width: 198px; top: 149px; text-decoration: none; left: 17px; } #cntHotSpot a span {display: none;} #reuseHotSpot a{ position: absolute; height: 149px; width: 261px; top: 148px; text-decoration: none; left: 228px; } #reuseHotSpot a span {display: none;} #nbHotSpot a{ position: absolute; height: 107px; width: 159px; top: 177px; text-decoration: none; left: 361px; } #nbHotSpot a span {display: none;} #pidHotSpot a{ position: absolute; height: 119px; width: 181px; top: 170px; text-decoration: none; left: 504px; } #pidHotSpot a span {display: none;} #modHotSpot a{ position: absolute; height: 179px; width: 614px; top: 887px; text-decoration: none; left: 10px; } #modHotSpot a span {display: none;}