@charset "iso-8859-1";
body {
	background-color: 	#fff;
	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", "AvantGarde", "Avant Garde" Arial, Verdana, sans-serif;
	font-size:			small;
	text-align: 		left;
	}
/* ----------------------------------------------------  DIVS ---------------------------------------------------- */
#lCol {
	float:				left;
	width:				150px;
	padding:			0;
	}
#rCol {
	margin-left:		151px;
	padding:			0 3em;
	}
#rCol2 {
	margin-left:		151px;
	padding:			0 3em;
	border:				1px solid #ccc;
	}
#menuContainer {
	position:			absolute;
	top:				110px;
	left:				30px;
	z-index:			500;
	}
div.spacer {clear: both;}
#foot {
	padding:			0.25em;
	font-size:			x-small;
	height:				1.25em;
	border-top:			1px solid #ccc;
	border-right:		1px solid #ccc;
	}
div.topBlock {
	background:			#ccc;
	padding:			3px;
	border-bottom:		1px solid #888;
	border-right:		1px solid #888;
	}
div.productShot {
	width:		310px;
	float:		right;
	margin:		5px;
	border:		1px solid #ccc;
	background:	#eee;
	text-align: center;
	clear:		both;
	}
div.productShot p {
   text-align: center;
	font-size:	0.75em;
	color:		#008080;
   }
div.bundleBox {
	border:		1px solid #ccc;
	background:	#f6f6f6;
	float:		left;
	width:		50%;
	padding:	5px;
	margin:		8px 8px 8px 0px;
	}
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;
	}
.highlightBox {
	position:			relative;
	margin:				0 auto;
	padding:			10px;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	width:				85%;
	background:			#fefefe;
	}
.READMEBox {
	position:			relative;
	margin:				0 auto;
	padding:			10px;
	font-size:			0.85em;
	border:				1px solid #848484;
	width:				90%;
	background:			#efefef;
	}

/* ----------------------------------------------------  spans ---------------------------------------------------- */
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.right { /* contains other stuff... */
  float: right;
  text-align: right;
  color: #888;
  width: 49%;
  }
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.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;
	}


/* ----------------------------------------------------  images ---------------------------------------------------- */
img {border: none; clear: all; }
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;}
div.leftImg {
	float:				left;
	padding:			0 10px;
	}
.tag {
	font-size:			small;
	color:				#006666;
	text-align:			center;
	clear:				both;
	}
/* ----------------------------------------------------  styling ---------------------------------------------------- */
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;
	}
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;
	}
h4.head { margin-bottom: 0px; }
.center {
	width:				100%;
	margin:				0 auto;
	text-align:			center;
	}
p.topInfo {
	color:				#686868;
	font-size:			0.95em;
	font-weight:		bold;
	padding:			5px 10px 10px 10px;
	border-left:		1px dashed red;
	border-bottom:		1px dashed red;
	}
div.finePrint {
	font-size:			0.75em;
	padding:			10px;
	margin-bottom:		20px;
	background:			#eee;
	}

ol li { margin-bottom: 1.0em; }

ol.sq {
	list-style-type:	square;
	}
ol.sq li {
	margin-bottom:		0.75em;
	font-size:			small;
	}
ol.upperRom { list-style-type: upper-roman; }
ol.upperCase { list-style-type: upper-alpha; }
ol.lowerCase { list-style-type: lower-alpha; }
ol.lowerRom { list-style-type: lower-roman; }
ol.proc li {margin: 0.4em 0em 0.4em 0em;}
ul.norm {list-style-type: square;}
.small { font-size: .75em; }
.smaller { font-size: .6em; }
.rec {
	border:				2px double #ffff00;
	background:			#f6f6f6;
	width:				100%;
	margin:				10px auto;
	padding:			10px;
	}
tt {
	font-family:		courier, monospace;
	font-size:			small;
	}
hr {
	text-align:	center;
	width:		80%;
	color:		#ccc;
	height:		1px;
	}
.justify {text-align: justify;}
.term { font-family: Courier, monospace; font-size: 90%; background-color: #dddddd }
.red {color:	red;}
.green {color: green;}
.blue {color: blue;}
/* ----------------------------------------------------  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.5em; }
/* ----------------------------------------------------  FEATURE ---------------------------------------------------- */
.featureBox {
	position:			relative;
	margin:				0 auto 10px auto;
	padding:			0;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	width:				85%;
	background:			#fefefe;
	}
.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;
	}
.featureText {
	font-size:			1.2em;
	padding:			0 1em;
	}
p.featureText2 {
	font-size:			1.0em;
	color:				#888;
	padding:			0em 1em 0.35em 1em;
	text-align:			justify;
	}
/* ----------------------------------------------------  REPS ---------------------------------------------------- */
.repBox {
	position:			relative;
	margin:				0 auto 10px auto;
	padding:			0;
	font-size:			0.85em;
	border:				1px solid #d8d8d8;
	width:				85%;
	background:			#fefefe;
	}
.repTitle {
	margin-bottom:		0.2em;
	padding-top:		0.2em;
	padding-left:		0.8em;
	border-bottom:		2px solid #d00501;
	background:			#f6f6f6;
	color:				#008080;
	position:			relative;
	}
.repText {
	font-size:			1.2em;
	padding:			0 1em;
	}
/* ----------------------------------------------------  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 tt {
	font-family:		courier, monospace;
	font-size:			small;
	color:				#d00501;
	text-decoration:	none;
	}
#header {
	padding:			0 0 5px 0;
	font-size:			x-small;
	height:				40px;
	text-align:			right;
	border-bottom:		2px solid #ccc;
	}
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.black:link {color: black; text-decoration: none; font-weight: bold;}
a.black:visited {color: black; font-weight: normal;}
a.black:active {color: #008080; font-weight: bolder;}
a.black:hover {color: #008080; text-decoration: underline;}

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


.hwSamples {
	margin:				0 auto;
	text-align:			center;
	clear:				both;
	}
.hwSamplesTitle {
	text-align:			left;
	font-size:			1.25em;
	color:				#d00501;
	padding:			5px 5px 0 5px;
	}
.hwSamples img {
	padding:		0px 10px;
	}
span.graybg { background:	#e6e6e6; padding: 3px 8px 0px 8px }
div.box { border:		1px solid #999; margin-bottom: 10px; padding: 5px;}	

/* ----------------------------------------------------  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;
	}
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.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.75em;
	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.nob {
	border:			0;
	}
table.rep {
	border:			0;
	width:			100%;
	margin-bottom:	15px;
	}
table.rep td {
	border-top:	1px solid #ccc;
	border-bottom:	0;
	}
table.sample {
	margin:				0 auto;
	margin-bottom:		15px;
	text-align:			center;
	clear:				both;
	width:			60%;
	border-collapse: collapse;
	}
table.sample th {
	font-weight:	normal;
	}
table.sample tr {
	border-bottom:			1px solid #ccc;
	}
table.spec {
	margin-bottom:	15px;
	background:		#fff;
	}
table.spec th {
	font-weight:	normal;
	}
table.spec tr {
	border-bottom:			1px solid #ccc;
	}
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.gray {
	background:		#eee;
	font-weight:	bold;
	border-top:		2px solid #fff;
	}
tr.gray {background:		#eee;}
td.center {text-align:	center;}
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;
	}
td.dl a:hover {
	background:		#f6f6f6;
	border:			1px solid red;
	padding:		4px 60px;
	}
td.caption {
	text-align: center;
	font-style:	italic;
	font-size:	0.85em;
	}
td.image33 {
	text-align: center;
	width:		33%;
	}
td.image34 {
	text-align: center;
	width:		34%;
	}
td.image20 {
	text-align: center;
	width:		20%;
	}
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;
	}
div.imageContainer {margin: 0px auto; background: #000000; border: 1px solid #cccccc; padding: 20px; width: 70%;}
table.image {width: 100%; text-align: center; font-size: 0.9em; font-style: italic;}
table.image td, table.image tr {padding: 10px; border: 0;}