@charset "iso-8859-1";
body {
	background-color: 	#ffffff;
	background-image:	url("../images/sphere.gif");
	background-repeat:	no-repeat;
	background-position:25px 75px;
	margin:				30px;
	padding:			0;
	width:				auto;
	height:				auto;
	font-family:		"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:			0.85em;
	text-align: 		left;
	}
/* ----------------------------------------------------  DIVS ---------------------------------------------------- */
#lCol {
	float:				left;
	width:				150px;
	padding:			0;
	}
#rCol {
	margin-left:		151px;
	padding:			0 3em;
	}
#innerL { float: left; width: 49%; }
#innerR { float: right; width: 49%; }
#header {
	padding:			0 0 5px 0;
	font-size:			x-small;
	height:				40px;
	text-align:			right;
	border-bottom:		2px solid #ccc;
	}
#foot {
	padding:			0.25em;
	font-size:			x-small;
	height:				1.25em;
	border-top:			1px solid #ccc;
	border-right:		1px solid #ccc;
	clear:				both;
	}
div.spacer {clear: both;}
div.center {
	text-align:			center;
	margin:				0 auto;
	width:				100%;
	}
div.L {
	float:				left;
	width:				6em;
	padding:			0.5em;
	}
div.R {
	margin-left:		151px;
	padding:			0 3em;
	}
div.imageContainer {
	margin: 0px auto;
	background: #000000;
	border: 1px solid #cccccc;
	padding: 20px;
	width: 70%;
	}
div.relTitle {
	background:		#ccc;
	padding:		4px 4px 0px 4px;
	font-size:		1.0em;
	font-variant:	small-caps;
	color:			#008080;
	border:			1px solid #999;
	border-bottom:  2px solid #d00005;
	width:			10.45em;
	}
div.featureBox {
	position:			relative;
	margin:				0 auto 10px auto;
	padding:			0;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	width:				85%;
	background:			#fefefe;
	}
div.featureTitle {
	margin-bottom:		0.2em;
	padding-top:		0.2em;
	padding-left:		0.3em;
	border-bottom:		2px solid #d00501;
	background:			#f6f6f6;
	color:				#008080;
	position:			relative;
	top:				0;
	left:				0;
	}
div.featureTitle h1, div.featureTitle h2, div.featureTitle h3 {border: 0; width:  100%;}
div.featureText {font-size:	1.2em;	padding: 0 1em;}

div.benefitBox {
	width:				100%;
	padding:			0em;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	background:			#fefefe;
	float:				left;
	margin:				0 auto;

	}
div.benefitBox1 {
	position:			relative;
	width:				40%;
	padding:			0em;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	background:			#fefefe;
	margin:				.85em .85em .85em .85em;

	}
div.benefitTitle {
	margin-bottom:		0.2em;
	padding-top:		0.2em;
	padding-left:		0.3em;
	border-bottom:		2px solid #d00501;
	background:			#f6f6f6;
	color:				#008080;
	top:				0;
	left:				0;
	}
div.benefitTitle h1, div.benefitTitle h2, div.benefitTitle h3, div.benefitTitle h4, div.benefitTitle h5 {border: 0; width:  100%;}
div.benefitText {font-size:	0.95em;	padding: 0 0.7em;}

div.hwSamples {
	margin:				0 auto;
	text-align:			center;
	clear:				both;
	}
div.hwSamplesTitle {
	text-align:			left;
	font-size:			1.25em;
	color:				#d00501;
	padding:			5px 5px 0 5px;
	}
div.hwSamples img {
	padding:		0px 10px;
	}
div.box {
	border:				1px solid #999; 
	margin-bottom: 		10px;
	padding: 			5px;}
div.repBox {
	position:			relative;
	margin:				0 auto 2em auto;
	padding:			0;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	width:				85%;
	background:			#fefefe;
	}
div.repTitle {
	margin-bottom:		0.2em;
	padding-top:		0.2em;
	padding-left:		0.8em;
	padding-right:		0.8em;
	border-bottom:		2px solid #d00501;
	background:			#f6f6f6;
	color:				#008080;
	position:			relative;
	}
div.repText {
	font-size:			1.2em;
	padding:			0 1em;
	}
div.productShot {
	width:		360px;
	float:		right;
	margin:		1.0em;
	border:		1px solid #cccccc;
	background:	#eeeeee;
	text-align: center;
	}
div.productShot img { text-align: center; padding: 0.65em;}
div.productShot p {
	text-align: center;
	font-size:	0.8em;
	color:		#008080;
	padding:	1.1em;
   }
div.bundleBox {
	border:		1px solid #ccc;
	background:	#f6f6f6;
	float:		left;
	width:		30%;
	padding:	1.0em;
	margin:		.85em .85em .85em 0;
	}
span.head {
	color:				#008080;
	margin:				2px 0px 12px 0px;
	text-align:			left;
	font-style:			italic;
	position:	  	  	relative;
	clear:				left;
	font-size:			medium;
	font-weight:		bold;
	padding-bottom:		0px;
	margin-bottom:		0px;
	}
span.left {  /* will contain the breadcrumbs */
  float: left;
  text-align: left;
  color: #888;
  width: 49%;
  }
span.left b {
	letter-spacing:		0.15em;
	font-size:			1.2em;
	font-variant:		small-caps;
	font-weight:		bolder;
	color:				#555;
	}
span.left a:link { color: #888; text-decoration: none; font-size: 0.85em;}
span.left a:visited {color: #888; font-weight: normal;}
span.left a:active {color: #008080; font-weight: bolder;}
span.left a:hover {color: #008080; text-decoration: underline;}
span.right { /* contains other stuff... */
  float: right;
  text-align: right;
  color: #888;
  width: 49%;
  }
/* ----------------------------------------------------  HEADINGS ---------------------------------------------------- */
.heading {
	background-image:	url(../images/line.gif);
	background-repeat:	no-repeat;
	background-position: 0 60%;
	padding:			0;
	width:				375px;
	height:				auto;
	text-align: 		left;
	z-index:			21;
/*	border:				1px solid orange; */
	}
.heading1 {
	background-image:	url(../images/line.gif);
	background-repeat:	no-repeat;
	background-position: bottom left;
	padding:			0;
	width:				375px;
	height:				auto;
	text-align: 		left;
	z-index:			21;
	}

.headingRed {
	font-size:			2.5em;
	color:				#d00501;
	z-index:			22;
	}
.headingGray {
	font-size:			3.5em;
	color:				#888;
	vertical-align:		middle;
	margin:				-0.05em;
	text-transform:		uppercase;
	z-index:			23;
	}
.headingLtGray {
	font-size:			2em;
	color:				#B6B6B6;
	vertical-align:		baseline;
	margin:				-0.05em;
	z-index:			24;
	}
.headingTeal {
	font-size:			2em;
	font-style:			italic;
	color:				#008080;
	margin-bottom:		1.25em;
	text-decoration:	underline;
	}
.headingSmTeal { font-size: 0.65em; }
/* ----------------------------------------------------  MENUS ---------------------------------------------------- */
#menuContainer {
	position:			absolute;
	top:				110px;
	left:				30px;
	z-index:			500;
	}
li { margin-bottom: 1.0em; }
ul.menu, ul.menu ul, ul.dlMenu, ul.dlMenu ul {
	padding: 		0;
	margin: 		0;
	margin-bottom:	50px;
	list-style: 	none;
	float: 			left;
	width: 			11em;
	border-bottom: 	1px solid #ccc;
	font-size:		1.0em;
	font-style:		normal;
	behavior:		url("./csshover2.htc");
	}
ul.menu li, ul.dlMenu li {
	position: 		relative;
	float: 			left;
	line-height: 	1.75em;
	margin-bottom:	-1px;
	width: 			11em;
	}
ul.menu li ul {
	position: 		absolute;
	left: 			-999em;
	margin-left: 	11em;
	margin-top: 	-3em;
	}
ul.menu li ul ul {left: -999em;}
ul.menu li a, ul.dlMenu li a {
	display: 		block;
	width: 			10em;
	color: 			#777;
	font-weight: 	normal;
	text-decoration: 	none;
	background-color:	#ffffff;
	border: 		1px solid #ccc;
	padding: 		0 0.5em 0 0.5em;
	}
ul.menu li a:hover, ul.dlMenu li a:hover {color: #d00005; background: #f6f6f6;}
ul.menu li:hover, ul.menu li.hover, ul.dlMenu li:hover, ul.dlMenu li.hover {position: static;}
ul.menu li:hover ul ul, ul.menu li:hover ul ul ul, ul.menu li.sfhover ul ul, ul.menu li.sfhover ul ul ul {left: -999em;}
ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul, ul.menu li.sfhover ul, ul.menu li li.sfhover ul, ul.menu li li li.sfhover ul {left: auto;}

ul.dlMenu, ul.dlMenu li, ul.dlMenu li a {
	height: 100%;
	color: #d00005;
	}

ul.jump {
	position:		relative;
	padding: 		0;
	margin: 		0;
	margin-bottom:	50px;
	list-style: 	none;
	float: 			left;
	width: 			11em;
	border-bottom: 	1px solid #ccc;
	font-size:		1.0em;
	font-style:		normal;
	}
ul.jump li {
	position: 		relative;
	float: 			left;
	line-height: 	1.75em;
	margin-bottom:	-1px;
	width: 			11em;
	}
ul.jump li a {
	display: 		block;
	width: 			10em;
	color: 			#777;
	font-weight: 	normal;
	text-decoration: 	none;
	background-color:	#ffffff;
	border: 		1px solid #ccc;
	padding: 		0 0.5em 0 0.5em;
	}
ul.jump li a:hover {color: #d00005; background: #f6f6f6;}
ul.jump li:hover, ul.jump li.hover {position: static;}
ul.jump li:hover ul ul, ul.jump li:hover ul ul ul, ul.jump li.sfhover ul ul, ul.jump li.sfhover ul ul ul {left: -999em;}
ul.jump li:hover ul, ul.jump li li:hover ul, ul.jump li li li:hover ul, ul.jump li.sfhover ul, ul.jump li li.sfhover ul, ul.jump li li li.sfhover ul {left: auto;}

ol li, ul li { margin-bottom: 1.0em; }
ol.none {list-style-type: none;}
ol.none li {font-weight: bold; 	border-bottom: 1px solid red;}
ul.none {list-style-type: none;}

/* ----------------------------------------------------  IMAGES ---------------------------------------------------- */
img {border: none;}
img.top {vertical-align: text-top;}
img.mid {vertical-align: middle;}
img.fL {
	display:			block;
	float:				left;
	margin:				0;
	padding:			0em 1em;
	vertical-align:		text-top;
	z-index:			80;
	}
img.fR {
	display:			block;
	float:				right;
	margin:				0;
	padding:			0em 1em;
	clear:				both;
	vertical-align:		text-top;
	z-index:			80;
	}
img.toplogo {clear: both;}

/* ----------------------------------------------------  HEADINGS ---------------------------------------------------- */
h1, h2,  h3,  h4,  h5,  h6 {
	color:				#008080;
	font-size:			xx-large;
	margin:				2px 0px 12px 0px;
	text-align:			left;
	font-style:			italic;
	position:	  	  	relative;
	clear:				left;
	border-bottom:		1px solid red;
	width:				70%;
	}
h2 {
	font-size:			x-large;
	margin-bottom:		4px;
	}
h3 {
	font-size:			large;
	font-weight:		normal;
	margin-bottom:		4px;
	}
h4 {
	font-size:			medium;
	font-weight:		bold;
	padding-bottom:		0px;
	margin-bottom:		4px;
	}
h5 {
	font-size:			small;
	font-weight:		bold;
	padding-bottom:		0px;
	margin-bottom:		4px;
	}
div.repTitle h1,
div.repTitle h2,
div.repTitle h3,
div.repTitle h4,
div.repTitle h5,
div.repTitle h6 {
	border-bottom:		none;
	width:				100%;
}
tt {
	font-family:		courier, monospace;
	font-size:			small;
	}
hr {
	text-align:	center;
	width:		80%;
	color:		#ccc;
	height:		1px;
	}
hr.red {
	color: #d00005;
	height:	2px;
	}
p.featureText2 {
	font-size:			0.9em;
	color:				#888;
	padding:			0em 1em 0.35em 1em;
	text-align:			justify;
	}
/* ----------------------------------------------------  STYLING ---------------------------------------------------- */
p.nom { margin-top: 0;}
.center {
	width:				100%;
	margin:				0 auto;
	text-align:			center;
	}
.small {font-size: 0.80em;}
.smaller {font-size: 0.65em;}
.smallest {font-size: 0.55em;}
.large { font-size: 1.0em; }
.larger { font-size: 1.2em; }
.largest { font-size: 1.35em; }
.justify {text-align: justify;}
.term { font-family: Courier, monospace; font-size: 0.9em; line-height: 2.5em; background-color: #dddddd; padding-left: 1.5em; width: 100%;}
.red {color:	red;}
.green {color: green;}
.blue {color: blue;}
.white {color: white;}
.teal { color: #008080; }
.READMEBox {
	position:			relative;
	margin:				0 auto;
	padding:			10px;
	font-size:			0.85em;
	border:				1px solid #848484;
	width:				90%;
	background:			#efefef;
	}
tr.silver { background: #f6f6f6;}
/* ----------------------------------------------------  LINKS ---------------------------------------------------- */
a.red:link {color: #d00501; text-decoration: none;}
a.red:visited {color: #d00501; text-decoration: none; font-weight: normal;}
a.red:active {color: #008080; text-decoration: none; font-weight: bolder;}
a.red:hover {color: #008080; text-decoration: underline;}
a.black:link {color: black; text-decoration: none; font-weight: bold;}
a.black:visited {color: black; text-decoration: none; font-weight: bold;}
a.black:active {color: #008080; font-weight: bolder;}
a.black:hover {color: #008080; text-decoration: underline;}
a.topGray {
	display:			inline;
	position:			relative;
	top:				30px;
	width:				100px;
	color:				#d00501;
	border-bottom:		1px solid #ccc;
	border-right:		1px solid #ccc;
	padding:			1em 0.6em 0 1.25em;
	clear:				both;
	text-align:			right;
	}
a.topGray:link {color: #d00501; text-decoration: none;}
a.topGray:visited {font-weight: normal;}
a.topGray:active {color: #008080; font-weight: bolder;}
a.topGray:hover {color: #008080; text-decoration: underline; background: #f6f6f6;}
a.more:link {color: #d00501; text-decoration: none; font-size: 0.85em;}
a.more:visited {color: #d00501; font-weight: normal;}
a.more:active {color: #008080; font-weight: bolder;}
a.more:hover {color: #008080; text-decoration: underline;}
/* ----------------------------------------------------  TABLES ---------------------------------------------------- */
table {
	border:			2px solid #ccc;
	width:			100%;
	border-collapse: collapse;
	margin-bottom:	20px;
	background:		#fff;
	}
th {
	background:		#008080;
	letter-spacing:	0.2em;
	color:			#eee;
	text-align:		left;
	font-weight:	bold;
	font-variant:	small-caps;
	border:			2px solid #008080;
	border-bottom:	2px solid #d00501;
	padding-left:	10px;
	}
td {
	padding:		5px;
	border-bottom:	1px solid #ccc;
	vertical-align:	top;
	}
table.nob, table.nob th, table.nob tr, table.nob td {border: 0;}
table.image, table.image2 {width: 100%; text-align: center; font-size: 0.9em; font-style: italic;}
table.image td, table.image tr, table.image2 td, table.image2 tr {padding: 10px; border: 0;}
table.image2 { width: 70%; text-align: center; }
td.full {
	padding:		5px;
	border:	1px solid #ccc;
	vertical-align:	top;
	}
td.full33 {
	padding:		5px;
	border:	1px solid #ccc;
	vertical-align:	top;
	width:			33%;
	}
td.full34 {
	padding:		5px;
	border:	1px solid #ccc;
	vertical-align:	top;
	width:			34%;
	}
table.rep {
	border:			0;
	width:			100%;
	margin-bottom:	15px;
	}
table.rep td {
	border-top:	1px solid #ccc;
	border-bottom:	0;
	}
table.links {
	border:			1px solid #ccc;
	width:			100%;
	border-collapse: collapse;
	margin-bottom:	20px;
	background:		#fff;
	}
table.links th {
	background:		#ccc;
	text-align:		left;
	padding:		4px 4px 0px 4px;
	font-variant:	small-caps;
	font-weight:	bold;
	color:			#fff;
	border:			1px solid #999;
	border-bottom:	2px solid #008080;
	}
table.links td {
	padding:		5px;
	padding-bottom:		10px;
	margin-bottom:			10px;
	border:	1px solid #ccc;
	vertical-align:		top;
	text-align:	left;
	}
table.links a:link {
	color:		#d00501;
	text-decoration: none;
	font-size:	0.9em;
	width:		100%;
	text-align:	left;
	}
table.links a:visited {color: #d00501; text-decoration: none; font-weight: normal;}
table.links a:active {color: #008080; text-decoration: none; font-weight: bolder;}
table.links a:hover {color: #008080; text-decoration: underline;}
table.spec {
	margin-bottom:	15px;
	background:		#fff;
	}
table.spec th {
	font-weight:	normal;
	}
table.spec tr {
	border-bottom:			1px solid #ccc;
	}
td.gray {
	background:		#eee;
	font-weight:	bold;
	border-top:		2px solid #fff;
	}
tr.gray {background:		#eee;}
td.def {
	text-align:		right;
	font-weight:	bold;
	background:		#f6f6f6;
	width:			50%;
	}
td.dl {
	color:			#d00501;
	background:		#ccc;
	letter-spacing:	0.15em;
	height:			0.8em;
	font-variant:	small-caps;
	border-top:		2px solid red;
	text-align:		center;
	}
td.dl a:hover {
	background:		#f6f6f6;
	border:			1px solid red;
	padding:		4px;
	}
table.spec3030 {
	margin-bottom:	15px;
	background:		#fff;
	}
table.spec3030 th {
	font-weight:	normal;
	}
table.spec3030 tr {
	border-bottom:			1px solid #ccc;
	}
table.spec3030 td { 
	text-align: center;
	border: 1px solid #ccc;
	}
table.spec3030 td.l { text-align: left; }
table.spec3030 td.top { font-weight: bold; }
td.FAQ {
	vertical-align:		middle;
	font-weight:	bold;
	}
td.Q {
	font-size:	1.5em;
	font-weight: bold;
	color:		#d00008;
	}
td.A {
	background: #eee;
	font-size:	1.5em;
	font-weight: bold;
	color:		#d00008;
	}