/*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;}

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;}

/* ****************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;	}
.mdRed {	font-size: 1.10em; font-weight: bold; color:#CC0000;	}

.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: 2px;margin-bottom: 5px;width: 95%;left: 50%;right: 50%;}

/* ****************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: 985px; background-color: #b1b7bb; text-align: center; padding-bottom: 5px; 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 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: 250px; 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;
}

/* ****************   END ORDER STYLES   ********************* */

/* ****************   BRAND210 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 BRAND210 STYLES   ********************* */

/* ****************   START SITEINFO210 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 SITEINFO210 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;
}

#cntHotSpot a{ position: absolute;	height: 151px; width: 184px; top: 149px; text-decoration: none; left: 17px; }
#cntHotSpot a span {display: none;}

#reuseHotSpot a{ position: absolute;	height: 119px; width: 155px; top: 148px; text-decoration: none; left: 207px; }
#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: 161px; top: 169px; text-decoration: none; left: 523px; }
#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;}