 
/* STANDARD */
body			{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000000;
					margin: 0px; background: #cccccc url('../images/BG_site2.gif') repeat-y center; }

p, .bodynorm	{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000000; 
				  font-weight: normal; line-height: 1.4em; margin-top: 1.0em; margin-bottom: 1.0em; }
.BodySmaller	{ font-size: 11px; }

table.content p { margin-top: 2px; }
p.tabletop  { font-size:12px; font-weight: bold; color: #333333; background-color:#efefef; padding: 4px; margin-bottom: 0px;}
p.b1  { font-size: 13px; }

/*
font			{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 1.4em; }
*/
ul				{ color: #333333; line-height: 1.3em; list-style-type: square; margin-top: 5px; }
ul.rn			{ font-size: 11px; color: #333333; list-style-type: disc; margin-top: 5px; }
ul.tight	{ font-size: 10px; color: #666666; line-height: 1.1em; }
ul.tight li { margin-bottom: 2px; }
ul.narrow	{ color: #333333; line-height: 1.3em; list-style-type: square; margin-top: 5px; margin-left: 10px; padding-left: 10px;}
#resources ul	{ color: #333333; line-height: 1.3em; list-style-type: square; margin-bottom: 4px; margin-top: 5px; }
li, ol			{ margin-bottom: 5px; padding-bottom: 2px;}
dt				{ margin-top: 0.5em; margin-bottom: .7em; color: #996633; font-weight: bold; }
dd        { font-style: italic; }
sub				{ font-size: 90%; line-height: .75; }
sup				{ font-size: 90%; line-height: 1.25; }
blockquote      { margin-top: 1em; }
pre             { font-family: "Courier New", Courier, monospace; }

b.nob, strong.nob { font-weight: normal; }

a:link,
a:visited		{ color: #ff6600; text-decoration: underline; }
a:active,
a:hover			{ color: #CC0000; text-decoration: underline; }

a.med:link,
a.med:visited		{ font-size: 12px; font-weight: bold; color: #ff6600; text-decoration: underline; }
a.med:active,
a.med:hover			{ font-size: 12px; font-weight: bold; color: #CC0000; text-decoration: underline; }

a.big:link,
a.big:visited		{ font-size: 14px; font-weight: bold; color: #ff6600; text-decoration: underline; }
a.big:active,
a.big:hover			{ font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: underline; }

.big  { font-size: 14px; font-weight: bold; }

table			{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}
/* th				{ text-align: left; background-color: #d8dcc7; }  */

hr				{ color: #ffffff; border: 0px; border-bottom: 1px solid #cccccc; }

h1 				{ font-size: 16px; color: #333333; margin-top: 10px; margin-bottom: 20px; line-height: normal; }
h2				{ font-size: 14px; color: #993300; margin-bottom: 10px; }
h2.sub    { margin-top: -12px }
h3				{ font-size: 14px; color: #CC9900; margin-bottom: 10px; line-height: 1.5em;}
h3.prodsubtitle	{ margin: -12px 0px 0px 0px; }
h4   			{ font-size: 12px; color: #CC6600; margin-bottom: 4px; line-height: 1.5em;}
h5   			{ font-size: 11px; margin-bottom: 4px; margin-top: .5em;}
.subhead    { font-size: 12px; font-weight: bold; color: #993300; }
.subhead2   { font-size: 11px; font-weight: bold; color: #CC6600; }
.subhead2b  { font-size: 12px; font-weight: bold; color: #CC6600; }
.subhead3b  {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.intro      { font-size: 12px; font-weight: normal; color: #996666; font-style: italic; line-height: 1.7em; }

/* FORMS */
form			{ margin-top: 5px; margin-bottom: 5px; } 
select			{ font-size: 10px; color: #000000;}
select.spselect	{ font-size: 10px; color: #000000; font-weight: normal; line-height: 1.3; border: 1px solid #000000; height: 20px; background-color: #ffcc99; }
select.alt1		{ font-size: 11px; color: #000000; font-weight: normal; }
input			{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight:normal;
  vertical-align: middle;
}
textarea		{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }

span.input1		{
	background-color: #F8EEDA;
	border: 1px solid #999999;
	padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;
}

/* IDS */
#content		{ padding: 5px 29px 0px 10px; }
#productimage	{ margin-top: 10px; }

/* Product content sections */
.highlights_td, .features_td, .ordering_td	{ padding: 0px 10px 0px 10px; }
.overview_td	{ padding: 10px 10px 0px 10px; background-image: url('../images/S_bgtile_tab.gif'); background-repeat: no-repeat; background-position: top right; }
    /* padding-bottom: 0px; */

/* HOME PAGE SPECIFIC */
.news			{ font-size: 10px; color: #999999; text-decoration: none; font-weight: normal; line-height: normal; }
a.news,
a.news:visited	{ color: #ff6600; text-decoration: none; }
a.news:active,
a.news:hover	{ color: #CC0000; text-decoration: none; }

a.newspop,
a.newspop:visited	{ color: #ff6600; text-decoration: none; font-weight: bold; }
a.newspop:active,
a.newspop:hover	{ color: #CC0000; text-decoration: none; font-weight: bold; }

/* NAVIGATION */
/* main navigation */
td.nav			{ background-image: url('../images/HN_bgtile_mainnav.gif'); background-color: #FF6600; text-align: center; vertical-align: middle; }
.nav			{ font-size: 9px; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 1.1;  }
a.nav,
a.nav:visited	{ color: #ffffff; text-decoration: none; }
a.nav:active	{ color: #cc6600; text-decoration: none; }
a.nav:hover		{ color: #FFCC99; text-decoration: none; }

.navon			{ font-size: 9px; color: #FFFF00; text-decoration: none; font-weight: bold; line-height: 1.1;  }
a.navon,
a.navon:active,
a.navon:visited	{ color: #FFFF00; text-decoration: none; }
a.navon:hover	{ color: #FFCC99; text-decoration: none; }

.htb			{ font-size: 9px; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 1.1; }
td.htb			{ background-image:url('../images/HN_bgtile_howtobuy.gif'); background-color: #FF6600; text-align: center; vertical-align: middle; }
a.htb,
a.htb:visited	{ color: #ffffff; text-decoration: none; }
a.htb:active	{ color: #cc6600; text-decoration: none; }
a.htb:hover		{ color: #FFCC99; text-decoration: none; }
.htbon			{ font-size: 9px; color: #FFFF00; text-decoration: none; font-weight: bold; line-height: 1.1;  }
a.htbon, 
a.htbon:active, 
a.htbon:visited	{ color: #FFFF00; text-decoration: none; }
a.htbon:hover	{ color: #FFCC99; text-decoration: none; }

/* secondary navigation */
.subnav			{  font-size: 10px; color: #999999; text-decoration: none; font-weight: normal; line-height: 1.4em; }
/* font-family: tahoma, arial, helvetica, sans-serif; */
.subnav-grp		{
  font-size: 10px;
  color: #999999;
  text-decoration: none;
  font-weight: bold;
  background-color: #eeeeee;
  padding: 1px;
  border-left: 2px solid #bbb;
  padding-left: 4px;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
}

table.subnav	{ margin-bottom:5px; background-color:#f9f9f9; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; }
/* background-image: url('../images/S_bgtile_subnav.gif'); background-repeat: no-repeat; background-position: top; */

td.carets	{
  font-size: 8px;
  color: #999999;
  font-weight: bold;
  line-height: 1.4em;
  padding: 6px 0px 0px 3px;
}
td.careton	{
  font-size: 8px;
  color: #FF6600;
  font-weight: bold;
  line-height: 1.4em;
  padding: 6px 0px 0px 3px;
}

th.subnavsect	{
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  font-weight: normal;
  padding: 4px 5px 4px 5px;
  vertical-align: middle;
  background-image: url('../images/S_bgtile_subnav_hdr.gif');
  border-bottom: 1px solid #999999;
  border-top: 2px solid;
  border-top-color: #FF9900;
  background-position: bottom;
}
th.subnavsecton	{
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  padding: 4px 5px 4px 5px;
  vertical-align: middle;
  background-color:#eeeeee;
  background-image: url('../images/S_bgtile_subnav_hdr_on.gif');
  border-bottom: 1px solid;
  border-bottom-color: #CC0000;
  border-top: 2px solid;
  background-position: bottom;
  border-top-color: #C45402;
}
td.linx { font-weight:bold; padding: 3px 0px 3px 8px; background-color:#FFFFFF; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}

td.subnav		{
  padding: 5px 0px 5px 0px;
  font-size: 10px;
  color: #999999;
  line-height: 1.4em;
} 

a.subnav,
a.subnav:visited	{ color: #666666; text-decoration: none; }
a.subnav:active,
a.subnav:hover		{ color: #ff6600; text-decoration: none; }

a.subnavcaton, 
a.subnavcaton:active, 
a.subnavcaton:visited, 
a.subnavcaton:hover	{ font-size: 10px; color: #000000; text-decoration: none; line-height: 1.4em; }

.subnavon			{ font-size: 10px; color: #FF6600; text-decoration: none; }
a.subnavon,
a.subnavon:active,
a.subnavon:visited,
a.subnavon:hover	{ color: #FF6600; text-decoration: none; }

/* tertiary navigation */
.breadcrumbs	 		{ font-size: 9px; color: #999999; text-decoration: none; font-weight: normal; line-height: 1.1em; }
a.breadcrumbs,
a.breadcrumbs:visited	{ color: #ff6600; text-decoration: none; }
a.breadcrumbs:active,
a.breadcrumbs:hover		{ color: #CC0000; text-decoration: none; }

.resources		{ font-size: 10px; text-decoration: none; font-weight: normal; line-height: 1.1; }
table.resources	{ background-image: url('../images/S_bgtile_resources.gif'); border: 1px solid #cccccc; background-color: #eeeeee; margin: 10px 0px 5px 10px; }
th.resources	{ padding: 5px 10px 7px 12px; vertical-align: middle; background-image: url('../images/S_bgtile_subnav_hdr.gif'); }
td.resources	{ padding: 5px 5px 5px 5px; }
td.resources ul	{ color: #666666; }
a.resources,
a.resources:active,
a.resources:visited	{ color: #ff6600; text-decoration: none; }
a.resources:hover	{ color: #CC0000; text-decoration: none; }


li.resources	{ padding-bottom: 5px; margin-left: -16px; }
li.pdf			{ list-style-image: url('../images/S_icon_pdf3.gif'); padding-bottom: 5px; margin-left: -16px; }
li.pdf_alt		{ list-style-image: url('../images/S_icon_pdf3.gif'); }

.tabb			{ font-size: 10px; color: #999999; text-decoration: none; font-weight: bold; line-height: 1.1;  }
td.tabb			{ text-align: center; margin-left: 20px; margin-right: 20px; vertical-align: top; background-image: url('../images/S_bgtile_subnav_hdr.gif'); border: 1px solid #cccccc; padding: 5px; }
td.tabright		{ border-bottom: 1px solid #cccccc; }

a.tab,
a.tab:active,
a.tab:visited	{ color: #ff6600; text-decoration: none; }
a.tab:hover		{ color: #CC0000; text-decoration: none; }

.top			{ font-size: 9px; color: #999999; text-decoration: none; font-weight: normal; }
a.top img       { padding: 4px 3px 0px 0px; }

.textnav			{ font-size: 9px; color: #999999; text-decoration: none; font-weight: normal; line-height: 1.8em; }
a.textnav,
a.textnav:visited	{ color: #ff6600; text-decoration: none; }
a.textnav:active,
a.textnav:hover		{ color: #CC0000; text-decoration: none; }
a.textnav2, 
a.textnav2:visited	{ color: #999999; text-decoration: none; }
a.textnav2:active, 
a.textnav2:hover	{ color: #CC0000; text-decoration: none; }

/* POP UPS*/
body.popup		{ border-top: 10px solid; padding-top: 10px; border-top-color: #FF9933; }
div.closewindow	{ width: 200px; padding: 3px; text-align: center; border: 1px solid #999; background-color:#eee; }

/* table formatting */
table.content	{ background-color: #666666; margin-bottom: 5px; }
.tablehead		{ font-size: 11px; font-weight: bold; background-color: #ffcc99; vertical-align: bottom; }
.tablehead2		{ font-size: 11px; font-weight: bold; background-color: #eedd99; }
.tablehead3		{ font-size: 13px; font-weight: bold; background-color: #FFCC66; }
.tablesubhead	{ font-size: 10px; background-color: #cccccc; vertical-align: top; font-weight: bold; }
.tablefeat		{ font-size: 10px; font-weight: bold; vertical-align: top; background-color: #efefef; color: #666666; }
.tablefeat2		{ font-size: 10px; font-weight: normal; vertical-align: top; background-color: #FFFCF0; color: #000000; }
.tablefeat3		{ font-size: 10px; font-weight: normal; vertical-align: top; background-color: #F8EEDA; color: #000000; }
.tablenorm		{ font-size: 10px; background-color: #ffffff; vertical-align: top; }
.tdgrad		{
  background-color: #FFFCF0;
  background-image: url(../images/bg-grad-orng.gif);
}
table.formblk   { border: 1px solid #666666; }
.formblk .tablefeat, .tablefeat4 {
  font-size: 8.5pt;
  font-weight: normal;
  background-color: #EFEFEF;
  color: #666666;
}

td.secthead 	{ font-size: 12px; background-color:#eeeeee; border-left: 3px solid #FF9933; border-top: 1px solid #999; 
					border-right: 1px solid #999;   border-bottom: 1px solid #999; }
td.bdrleft 		{ border-left: 1px solid #ccc; }
td.bdrtop 		{ border-top: 1px solid #ccc; }
td.bdrtop2    { border-top: 3px solid #999; }

/* misc */
.note  {  font-size: 9px; color: #666666; text-decoration: none; font-weight: normal;}
.warn { font-size: 13px; color: #FF0000; }
.warn2 { color: #FF0000; }

.color-0    { color: #000000; }
.color-1    { color: #444444; }
.color-2    { color: #666666; }
.color-2c   { color: #CCCCCC; }
.color-3 	{ color: #FF6600; }
.color-20   { color: #3366CC; }

.bgcolor-0	{ background-color: #000000; }
.bgcolor-1	{ background-color: #666666; }
.bgcolor-2	{ background-color: #cccccc; }
.bgcolor-2b	{ background-color: #dddddd; }
.bgcolor-3	{ background-color: #eeeeee; }

.bgcolor-6	{ background-color: #FFFCF0; }
.bgcolor-7	{ background-color: #F8EEDA; }
.bgcolor-8	{ background-color: #eedd99; }
.bgcolor-9	{ background-color: #FFCC66; }
.bgcolor-10	{ background-color: #ffcc99; }
.bgcolor-11	{ background-color: #ff6600; }
.bgcolor-12	{ background-color: #FF9900; }

.bggray			{ background-color: #eeeeee; }
.bgwhite		{ background-color: #ffffff; }

.caption		{ font-size: 10px; color: #666666; text-align: right; margin-top: -5px; }
div.caption		{ float: right; padding: 10px; }
div.quote {
  font: italic 11px Verdana, Arial, Helvetica, sans-serif;
  color: #A58554;
  border-top: 1px solid #CCCCCC;
  border-right-width: 1px;
  border-right-color: #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin-right: 0px;
  margin-left: 15px;
  padding: 7px;
  line-height: 1.8em;
  background-color: #f9f9f9;
}
div.quote .by {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  padding-left: 15px;
  display: block;
  padding-top: 6px;
  color: #CC6600;
}
img.caption		{ padding: 0px 10px 5px 10px; }

div.outline	{
	border: 1px solid #999999;
	margin: 1px;
	padding: 10px;
}
div.outline2	{
    background-color: #eeeeee;
	border: 1px solid #999999;
	margin: 1px;
	padding: 10px;
}
div.outline3	{
  background-color: #eeeeee;
	border: 1px solid #999999;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

blockquote.outline	{
	border: 1px solid #999999;
	background-color:#F5F5DC;
	margin: 1px 1px 1px 35px;
	padding: 5px;
	width: 80%;
}
.noticebox {
  background-color: #FFCC66;
  border: 1px solid #FF6600;
  padding: 1px;
  margin: 1px;
}

.bdr1 { border: 1px solid #999999; }
.bdrbox {
  border: 1px solid #CCCCCC;
  padding: 3px;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #666666;
  background-color: #FFFFFF;
}
.bdrbox2 {
  border: 1px solid #CCCCCC;
  padding: 3px;
  text-align: center;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #666666;
  background-color: #FFFFFF;
  margin-right: 10px;
}

.price {
  font-size: 18px;
  color: #3366CC;
}

/* this fixes the vertical spacing issue in NS6 */
img 			{ display: block; } 

/* apply this class to images that need to be inline */
.inlineimage	{ display: inline; }

/* misc. external styles */
.lm_default {
	display: inline; 
}

/* spider */
#content2		{
	padding: 0px 20px 0px 20px;
	background-image: url(../images/BG_spider.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
ul.indent {
	padding-left: 185px;
	margin-left: 40px;
}
.lnavtop {
  background-color: #e1e1e1;
  color:#993333;
  background-image: url(../images/lnav-tpr.gif);
  background-position: right top;
  background-repeat: no-repeat;
  font-weight: bold;
}
.lnavbot { padding:0px; background-color: #e1e1e1; }
.lnav2 {
  margin-left:-10px;
  margin-top:0px;
  margin-right:20px;
  float: left;
  background-color: #eeeeee;
  margin-bottom: 10px;
}
.lnav2top { padding:0px; }
.lnavon { background-color:#FFFFFF; border-left:4px solid; border-left-color:#990000; border-bottom: 1px solid #999999; }
.lnavlft {
  background-color: #e1e1e1;
  padding: 4px;
}
.lnavoff {
border-bottom: 1px dashed #cccccc;
}

/* bom and other mini-sites */
#content3		{
	padding: 0px 20px 0px 20px;
}
#content3 h2 {
  font-size: 14px;
  color: #993300;
  margin-bottom: 8px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 8px;
  margin-top: 10px;
  padding-top: 10px;
}
#content3 h3 { font-size: 12px; color: #CC6600; }
#content3 h4 { font-size: 11px; color: #CC6600; margin-bottom: 4px; line-height: 1.5em;}

