/* home.css */

/** Home Layout Properties **/
#hm_layout {
	margin: 0;
}

#hm_layout td {
	vertical-align: top;
	padding: 0;
}

#hm_layout p {
	margin-top: 0;
}

td#col_center {
	background: url('/images/lead_bg.jpg') no-repeat top left;
	width: 362px;
	padding: 32px 24px 22px 32px;
}

td#col_left {
	background: #f1f6fd;
	width: 157px;
	padding: 33px 0 0 5px;
}

td#col_right {
	padding-top: 2px;
	width: 202px;
}

#extranet {
	background: #f1ebe5;
	border: 1px solid #d1c9b7;
	border-bottom: 0;
	margin: 25px 0 0 -5px;
	padding: 5px 5px 10px;
}

#extranet p {
	font-size: .7em;
}

#info {
	margin: 25px 0;
}

#info p {
	font-size: .65em;
}

#sites {
	position: absolute;
	top: 0; right: 0;
	background: url('/images/globalsites.gif') no-repeat right;
	width: 235px;
	padding: 30px 100px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 85px;
}

html>body #sites {
	padding-right: 150px;
	width: 85px;
}

#sites h1 {
	margin: 0;
	padding: 0;
}

#sites select {
	color: #808285;
}

#sites a#na, #sites a#de, #sites a#jp {
	display: block;
	width: 10px; height: 10px;
	position: absolute;
}

#sites a#na {
	top: 28px;
	right: 82px;
}

#sites a#de {
	top: 25px;
	right: 50px;
}

#sites a#jp {
	top: 28px;
	right: 20px;
}


/** Presentational **/
img.lead_img {
	float: right;
	margin: 25px -17px 0 0;
}

td#col_center h1 {
	margin: 0 0 20px;
	font-size: 1.4em;
	color: #007D4F;
}

td#col_center h2 {
	margin: 0 0 15px;
	color: #00A96B;
	font-size: .9em;
}

td#col_left h1 {
	color: #777;
	font-size: .7em;
}

td#col_left p {
	line-height: 1.8em;
}

td#col_left form p {
	margin: 0 0 5px;
}

td#col_left a.noul:link, td#col_left a.noul:visited {
	text-decoration: none;
}

td#col_left a.noul:hover, td#col_left a.noul:active {
	text-decoration: underline;
}

td#col_left .sep {
	background: none;
	border-bottom: 1px solid #92a4bd;
	width: 145px;
	margin: -15px 0 15px; padding: 0;
}

html>body td#col_left .sep {
	margin-top: 15px;
}

td#col_left input, td#col_left select {
	border: 1px solid #848487;
}

td#col_left .submit {
	padding: 0;
	border: 0;
}

td#col_left p.sm {
	font-size: .65em;
}

td#col_center ul {
	margin-bottom: 25px;
}

.mkt {
	margin: 0 0 5px;
	padding: 10px 5px 5px 10px;
}

.mkt h1 {
	font-size: .7em;
	margin: 0 0 5px;
}

.mkt p {
	color: #636363;
	font-size: .65em;
	margin: 0 0 5px;
}

.mkt img {
	float: right;
	margin-left: 5px;
}

.mkt .btn {
	margin: 0; padding: 0;
	width: 17px; height: 14px;
}

.mkt .btn a {
	display: block;
	width: 17px; height: 14px;
}

#auto {
	background: url('/images/mkt_auto_bg.gif') repeat-x;
	border-top: 1px solid #eae3c1;
	border-left: 1px solid #eae3c1;
	border-right: 1px solid #e7ddb2;
	border-bottom: 1px solid #e7ddb2;
}

#auto h1 {
	color: #846d0d;
}

#auto .btn a {
	background: url('/images/mkt_auto_btn.gif') no-repeat;
}

#ci {
	background: url('/images/mkt_ci_bg.gif') repeat-x;
	border-top: 1px solid #dae6eb;
	border-left: 1px solid #dae6eb;
	border-right: 1px solid #d3e1e7;
	border-bottom: 1px solid #d3e1e7;
}

#ci h1 {
	color: #256779;
}

#ci .btn a {
	background: url('/images/mkt_ci_btn.gif') no-repeat;
}

#tele {
	background: url('/images/mkt_tele_bg.gif') repeat-x;
	border-top: 1px solid #e4f0c9;
	border-left: 1px solid #e4f0c9;
	border-right: 1px solid #dfedbe;
	border-bottom: 1px solid #dfedbe;
}

#tele h1 {
	color: #26650e;
}

#tele .btn a {
	background: url('/images/mkt_tele_btn.gif') no-repeat;
}

#flash {
	margin: 20px 0;
}

.btn_moreinfo {
	background: url('/images/btn_moreinfo.gif') no-repeat;
	width: 111px; height: 21px;
}

.btn_moreinfo a {
	display: block;
	width: 111px; height: 21px;
}

h1.latestinfo {
	background: url('/images/h1/h1_latestinfo.gif') no-repeat;
	width: 350px; height: 18px;
}

/* n.css */
/* Navigation */
#navarea {
	position: relative;
	background: #416393;
	margin: 0; padding: 0;
	font-size: .9em;
	height: 20px;
	border-top: 1px solid #263A56;
	border-bottom: 1px solid #263A56;
	z-index: 100;
}

html>body #navarea {
	padding-bottom: 1px;
}

#nav {
	position: relative;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	z-index: 100;
}

html>body #nav {
	margin: 0 0 0 10px;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.35em 2em;
}

#nav .sub {
	background: url('/images/nav_sub.gif') no-repeat 98%;
}

#nav a.sub:hover {
	background: url('/images/nav_sub_hover.gif') no-repeat 98%;
}

#nav li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
}

#nav li ul {
	height: auto;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	border-left: 1px solid #004C97;
	border-right: 1px solid #004C97;
	border-bottom: 3px solid #263A56;
	background: #71ACFF;
}

#nav li li ul {
	border-top: 1px solid #263A56;
	border-left: 0;
}

#nav li ul a {
	color: #000;
	padding: 5px 2em;
}

#nav li:hover, #nav li.over, #nav li li:hover, #nav li li.over {
	background: #C0DAFF;
}

#nav li:hover a, #nav li.over a, #nav li li:hover a, #nav li li.over a {
	color: #000;
}



/* -- Menu Positioning -- */

#nav li ul, #nav li li ul, #nav li li li ul {
	position: absolute;
}

/* Level 1 */
#nav li ul {
	left: -999em;
}

#nav li:hover ul,  #nav li.over ul {
	left: auto;
}

/* Level 2 */
#nav li li ul {
	top: -999em;
}

#nav li li:hover ul, #nav li li.over ul {
	left: 190px;
	top: -1px;
}

/* Level 3 */
#nav li li li ul {
	visibility: hidden;
}

#nav li li li:hover ul, #nav li li li.over ul {
	left: 205px;
	visibility: visible;
}

/* -- End of Menu Positioning -- */



/* -- Menu sizing -- */
#nav li ul, #nav li li ul {
	width: 140px; /* match the #nav li ul a */
}

#nav li ul a {
	width: 140px; /* sizes menu width - IE */
}

#nav li li ul a {
	width: 160px; /* sizes the sub menu width -- IE */
}


#nav li li {
	width: 190px; /* sizes menu width- firefox */
}

#nav li li li {
	width: 205px; /* sizes menu width- firefox */
}


html>body #nav li ul {
	width: 190px; /* match the #nav li li */
}

html>body #nav li li ul {
	width: 205px; /* match the #nav li li li */
}

html>body #nav li li ul {
	width: 205px; /* Sizes the sub menu width -- firefox */
}
/* -- End Menu sizing -- */

/* s.css */

@import "/c/n.css";

body {
	font-family: arial, helvetica, sans-serif;
	margin: 0;
}

/* Main Global Elements */
#container {
	width: 100%;
	background: url('/images/bg_tile.gif') repeat-x;
}

#header {
	position: relative;
	background: url('/images/header.jpg') no-repeat;
	height: 86px;
	width: 100%;
}

h1, h2 {
	color: #21334B;
	font-size: 1.1em;
	margin: 0 0 10px;
	padding: 0;
}

h2 {
	color: #0151A1;
	font-size: .9em;
}

h3 {
	color: #4D4D4F;
	font-size: .8em;
}

p, ul, ol, dl {
	font-size: .75em;
	color: #56585B;
}

.small, .breadcrumbs {
	font-size: .7em;
}

.small p {
	font-size: 1em;
}

.breadcrumbs {
	margin: 0 0 25px;
}

ul {
	margin: 0 0 15px 18px;
	padding: 0;
}

ul ul {
	margin-top: 5px;
	font-size: 1em;
}

li, li.pdf {
	list-style: url('/images/arr_grn.gif') outside;
	margin: 0 0 8px;
}

li li {
	list-style-image: none;
	list-style: square outside;
}

li.pdf {
	list-style: url('/images/acrobat.gif') outside;
}

dt {
	margin: 0 0 5px;
	color: #000;
	font-weight: bold;
}

dd {
	margin: 0 0 15px;
}

a img {
	border: 0;
}

a:link, a:visited {
	color: #4B71A3;
}

a:hover, a:active {
	color: #77A0D7;
	text-decoration: none;
}

p.logo {
	background: url('/images/logo_over.gif') no-repeat;
	margin: 0;
	padding: 0;
}

p.logo a {
	background: url('/images/header.jpg') no-repeat;
	display: block;
	width: 201px;
	height: 81px;
}

p.logo a:hover {
	/*background: url('/images/logo_over.jpg') no-repeat;*/
}

span.alt {
	display: none;
}

.invisible {
	visibility: hidden;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	margin: 0;
	font-size: .7em;
	color: #56585B;
	padding: 2px 3px;
}

textarea {
	font-family: arial, verdana, helvetica, sans-serif;
}

p input, p select, p textarea {
	font-size: 1em;
}

.inactive {
	color: #aaa;
}

.inactive a:link, .inactive a:visited {
	color: #aaa;
}

.inactive a:hover, .inactive a:active {
	color: #ccc;
}

.inactive li {
	list-style-image: url('/images/arr_inactive.gif');
}

.center {
	text-align: center;
}

/* Layouts */
#content {
	margin: 25px 0 25px 30px;
	padding: 0 10px 10px 0;
	width: 770px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 760px;
}

html>body #content {
	width: 760px;
}

#content_wide {
	margin: 0 0 25px;
	padding: 25px 0 0 40px;
	width: 95%;
}

#header form {
	margin: 0;
	padding: 0;
}

.headersearch {
	position: absolute;
	top: 10px;
	right: 50px;
}

html>body #header .search {
	top: 0;
}

.search form {
	margin: 20px 0 0;
	padding: 0;
}

.search input, .search select {
	padding: 2px;
	font-size: 1em;
	border: 1px solid #6D6E71;
	color: #6D6E71;
}

.search form input.submit {
	vertical-align: top;
	padding: 0;
	border: 0;
}

#lt_col {
	width: 480px;
}

#rt_col {
	float: right;
	margin: 0 0 0 15px;
	width: 224px;
	font-size: .9em;
}


/* Temporary Transitional container for new pages.  Will ultimately delete this */
#temp-container #lt_col {
	width: 585px;
	padding-right: 57px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 528px;
}

html>body #temp-container #lt_col {
	width: 528px;
}

#temp-container #rt_col {
	width: 187px;
}

html #temp-container #rt_col { /* ###  FIX IE 6's stupid float drop bug ### */
	margin-left: -187px; /* Same value (negative) as the width of this element */
}

#temp-container p, #temp-container ul {
	margin-bottom: 20px;
}

#temp-container li {
	list-style: square outside;
}

#temp-container .info ul {
	margin-bottom: 5px;
}

#temp-container .info li {
	list-style: url('/images/info_bul.gif') outside;
}

#temp-container #rt_col .panelimage {
	text-align: center;
	margin-bottom: 35px;
}

#temp-container h3 {
	color: #416393;
}

#temp-container .left-displays p, #temp-container .right-displays p {
	margin: 0;
}
/* EOF Temp container */


#rt_col .other li {
	list-style-image: url('/images/arr_bluebg.gif');
}

#rt_col li li {
	list-style-image: none;
	list-style-type: square;
}

#popup {
	padding: 10px;
}


/* Popups */
#pu {
	margin: 0;
}

#pu #content {
	width: 560px;
	margin: 5px; padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 540px;
}

html>body#pu #content {
	width: 540px;
}

#pu #content h1, #pu #content p {
	margin: 0 0 10px; padding: 0;
}
/* EOF Popups */


/* When listing something in a table (main content - display benefits) */
.list-benefits ul, .list-benefits h4 {
	font-size: .7em;
}

.list-benefits li {
	margin-bottom: 5px;
}

.list-benefits td { /* There should only be 2 columns! */
	vertical-align: top;
	padding: 0;
}

.list-benefits h4 {
	margin: 0 0 10px;
	color: #4f4f4e;
}
/* EOF benefits listing */


/* Display listings (Products pages) */
.left-displays, .right-displays {
	padding: 10px 5px;
}

.left-displays p, .right-displays p {
	margin: 0;
}

.left-displays {
	border-right: 8px solid #fff;
	background: #f2f5fa;
}

.right-displays {
	background: #ebebeb;
}
/* EOF Display Listings */

.spotlight, .special {
	position: relative;
	background: #F9FBFC url('/products/images/spotlight_tile.gif') repeat-x left top;
	padding: 5px 15px 15px;
	margin: 0 0 50px;
	color: #6D6E71;
	width: 510px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 460px;
}

html>body .spotlight, html>body .special {
	width: 460px;
}

.special {
	width: 100%;
	margin: 0 0 20px;
}

.special td {
	vertical-align: top;
	padding: 0 15px 0 0;
}

.spotlight table {
	width: 100%;
}

.spotlight td {
	vertical-align: top;
}

.spotlight h1, .special h1 {
	margin: 0 0 10px;
	padding: 0;
	font-size: .7em;
	color: #40536C;
}

.spotlight p, .spotlight ul, .special p, .special ul {
	font-size: .75em;
}

.float_rt {
	float: right;
	margin: 0 0 15px 15px;
}

.float_lt {
	float: left;
	margin: 0 15px 15px 0;
}

.clearRT {
	clear: right;
}

.clearLT {
	clear: left;
}

.clearBoth {
	clear: both;
}

.ctalinks {
	font-size: .9em;
}

.ctalinks ul, .ctalinks p {
	margin: 0;
	padding: 0;
}

.ctalinks ul {
	margin: 0 0 20px 18px;
}

.literature {
	width: 100%;
}

.literature td {
	padding: 0 10px 20px;
	vertical-align: top;
	width: 50%;
}

.literature h1 {
	width: 140px;
	margin: 0;
	padding: 0;
	font-size: .7em;
}

.literature p {
	margin: 5px 0 0;
	padding: 0;
}

.literature h1 a:link, .literature h1 a:visited {
	color: #fff;
	text-decoration: underline;
}

.literature h1 a:hover, .literature h1 a:active {
	color: #fff;
	text-decoration: none;
}

.generic, .listings, .newprod, .form, .generic2 {
	margin: 0 0 25px;
	width: 100%;
}

.newprod {
	margin: 30px 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.generic td, .generic th, .listings th, .listings td, .newprod td, .newprod th, .form td, .form th, .generic2 td, .generic2 th {
	vertical-align: top;
	padding: 5px;
}

.generic2 td {
	border-bottom: 1px solid #999;
}

.form td, .form th {
	font-size: .8em;
}

.form td textarea {
	font-size: .85em;
}

.newprod td, .newprod th {
	padding: 15px 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.newprod th {
	padding: 5px;
}

.listings {
	border: 1px solid #999;
	border-bottom: 0;
}

.listings td, .listings th {
	border-bottom: 1px solid #999;
}

.generic {
	font-size: .75em;
}

.generic2 {
	font-size: .7em;
}

.generic2 ul {
	margin: 0 0 0 25px;
}

.listings .generic {
	margin: 5px 0 0;
	font-size: 1em;
}

.listings .generic p {
	margin: 0 0 15px;
	font-size: .85em;
}

.generic p, .generic ul, .generic dl, .generic2 ul {
	font-size: 1em;
}

.listings td, .newprod td {
	font-size: .9em;
}

.listings td td {
	border: 0;
	padding: 0 15px 0 0;
}

.listings th, .listings th img, .listings td img, .newprod td img {
	vertical-align: middle;
}

.listings th, .newprod th {
	text-align: left;
	font-size: .7em;
}

.dk {
	background: #F5F5F5;
}

.generic th, .generic2 th {
	background: #007D4F;
	color: #fff;
}

.techspecs  {
	background: #F9FBFC;
	width: 100%;
	margin: 15px 0;
	font-size: .7em;
	border-left: 1px solid #CED8E5;
	border-top: 1px solid #CED8E5;
}

.techspecs td, .techspecs th {
	padding: 5px;
}

.techspecs th {
	background: #6C9EC2;
	color: #fff;
}

.techspecs .toolkit th {
	text-align: left;
}

.techspecs td {
	border-bottom: 1px solid #CED8E5;
	border-right: 1px solid #CED8E5;
}

.resources {
	width: 100%;
}

.resources td {
	width: 50%;
	vertical-align: top;
	padding: 5px 5px 5px 0;
}

.resources td ul {
	margin-left: 25px;
}

.sep {
	background: url('/images/sep.gif') repeat-x;
	height: 2px;
	width: 300px;
	margin: 50px auto;
}


/* Buttons */
.brochure, .flash {
	margin: 20px 0 25px; padding: 0 0 5px 35px;
}

.brochure {
	background: url('/images/icon_pdf.jpg') no-repeat;
}

.flash {
	background: url('/images/icon_flash.gif') no-repeat 5px 0;
}

.more a {
	background: url('/images/btn_grn_go.gif') no-repeat right;
	padding-right: 20px;
}
/* /Buttons */


/* Contact Info box */
.info {
	background: url('/images/info_bg.gif') repeat-y;
	position: relative;
	width: 187px;
	margin: 0 0 25px; padding: 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 177px;
}

html>body .info {
	width: 177px;
}

.info h2 {
	color: #fff;
	margin: -5px -5px 10px; padding: 4px 10px;
	background: url('/images/info_h1_bg.gif') no-repeat;
}

.info .bot {
	position: absolute;
	left: 0; bottom: -13px;
	width: 187px; height: 4px;
	background: url('/images/info_bot.gif') no-repeat;
}

html>body .info .bot {
	bottom: -4px;
}

.info ul {
	margin-bottom: 0;
}

.info li {
	list-style: url('/images/info_bul.gif') outside;
}
/* EOF Contact Info box */


/* Blue generic container box (usually right column) */
.other {
	background: #CED8E5;
	padding: 10px 10px 5px;
	margin: 0 0 25px;
}

.other h1 {
	font-size: .75em;
}

.other h1, .other p {
	color: #636466;
	margin: 0 0 8px;
}

.other a:link, .other a:visited {
	color: #505076;
	text-decoration: underline;
}

.other a:hover, .other a:active {
	color: #505076;
	text-decoration: none;
}
/* EOF Blue generic box */


.prod_alerts {
	background: url('/images/prod_alerts.gif') no-repeat right;
	margin-left: 18px;
	padding: 0 30px 0 0;
	width: 130px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100px;
}

html>body .prod_alerts {
	width: 100px;
}

.prod_alerts p {
	margin: 0;
	padding: 0;
}

.rep {
	border: 1px solid #999;
	background: #F5F5F5;
	margin: 15px 0;
	padding: 0 10px 10px;
}

.rep h3 {
	margin: 0 -10px 15px;
	background: #6C9EC2;
	color: #fff;
	padding: 5px;
	text-align: center;
}

.rep .generic {
	margin: 0;
	color: #56585B;
}

.order {
	margin: 0;
	width: 100%;
}

.order td {
	vertical-align: middle;
	padding: 2px 2px 8px;
}

.order td.ltcell {
	width: 100px;
}

.order p {
	margin: 0;
	padding: 0;
}

/* Headings */
#right_col h1, td.fpd_holder h1, td.news_holder h1 {
	margin: 0 0 10px;
	padding: 2px 0 2px 10px;
	font-size: .7em;
	border-bottom: 1px solid #fff;
	color: #4D4D4F;
}

#right_col h1 {
	background: url('/images/h1/h1_rightcol_bg.gif') repeat-x;
	padding: 2px;
}

td.fpd_holder h1, td.news_holder h1 {
	background: url('/images/h1/h1_main_bg.gif') repeat-x;
	color: #57697F;
}

.feat h1 {
	margin: 0 0 5px;
}

.feat h2 {
	margin: 0 0 8px 2px;
	padding: 0;
	font-size: .75em;
}

h1.h1_sites {
	background: url('/images/h1_globalsites.gif') no-repeat;
	width: 119px;
	height: 17px;
	margin: 0;
	padding: 0;
}

h1.h1_spotlight {
	background: url('/products/images/h1_spotlight.gif') no-repeat;
	width: 136px;
	height: 43px;
	margin: 0 0 5px;
}

.about_strengths h1 {
	background: url('/images/h1/h1_core_strengths.gif') no-repeat;
	width: 222px;
	height: 30px;
}

h2.withbg, h2.sm_nobg {
	background: url('/images/h1/h1_main_bg.gif') repeat-x;
	color: #4D4D4F;
	font-size: .7em;
	padding: 5px;
}

#rt_col h2.withbg {
	font-size: .75em;
}

h2.sm_nobg {
	background: none;
}

/* NCM */
#linkbox {
	float:right;
	margin: 0 0 25px 25px;
	width: 250px;
	background:#D5EDD7;
	border: 1px solid #000;
	padding: 10px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 238px;
}

html>body #linkbox {
	width: 238px;
}

#linkbox h2 {
	text-align:center;
}

#linkbox ul{
	margin: 0 0 0 20px;
	padding: 0;
}

#linkbox li {
	margin: 0;
	padding: 0 0 8px;
	list-style: disc outside;
}

/* Footer */
#footer {
	clear: both;
	width: 770px;
	margin: 0 0 20px;
	padding: 10px 5px;
	border-top: 1px solid #ccc;
	color: #77787B;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 760px;
}

html>body #footer {
	width: 760px;
}

#footer p {
	margin: 0;
	padding: 0;
}

#popup #footer {
	margin: 40px 0 20px;
	width: 600px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 580px;
}

html>body #popup #footer {
	width: 580px;
}