body {
	font-family: 	arial, helvetica, lucida, sans-serif;
	font-size: 		9pt;
}

h1 {
	font-size: 	13pt;
	font-weight: 	bold;
	margin: 		0;
	padding-top: 	5px;
	page-break-before: always;
}
h2 {
	font-size: 	11pt;
	font-weight: 	bold;
	margin: 		0;
	padding-top: 	5px;
}
h3 {
	font-size: 	9pt;
	font-weight: 	bold;
	font-style: 	italic;
	margin: 		0;
}
h4 {
	font-size: 	12pt;
	font-weight: 	bold;
	margin: 		0;
	padding-bottom: 10px;
}
h5 {
	font-size: 	10pt;
	font-weight: 	bold;
	margin: 		0;
	padding: 	5px 0 5px 0;
}

a {
	text-decoration: none;
	color:		#000077;
}

a.contents {
	text-decoration: none;
	color:		#000077;
	font-size: 	12pt;
	line-height: 	1.75;
}

ul {
	list-style-type: square;
	margin: 	10px 0 10px 20px;
}

ul.tight {
	list-style-type: square;
	margin: 	5px 0 0px 18px;
	padding:	0px;
}

.hiddentext {
	display: 		none;
}

.normtext {
	font-size: 	9pt;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	margin:			0;
	padding:		0;
	border:			0;
}

td {
	font-size: 		9pt;
	vertical-align: top;
}

table.mainbox {
	border:			1px solid #bbbbbb;
}

td.mainbox {
	border:			1px solid #bbbbbb;
	padding:		3px;
}

td.mainbox2 {
	border:			1px solid #bbbbbb;
	padding:		8px;
}

td.mainbox3 {
	border:			1px solid #bbbbbb;
	padding:		10px;
}

td.roomybox {
	border:			1px solid #bbbbbb;
	padding:		5px 0px 5px 5px;
}

td.roomycell {
	padding:		7px;
}

td.contents {
	font-size: 	12pt;
	font-weight: 	bold;
}

td.pagetitle {
	font-size: 	16pt;
	font-weight: 	bold;
	padding-bottom: 5px;
	vertical-align: middle;
}

td.notop {
	border-top:	0;
}

td.left {
	text-align: 	left;
}

td.mid {
	text-align: 	center;
}

td.alignbottom {
	vertical-align: bottom;
}

td.bordersTB {
	border-width: 	1px 0 1px 0;
}

td.bordersT {
	border-width: 	1px 0 0 0;
}

td.bordersB {
	border-width: 	0 0 1px 0;
}

td.bordersLR {
	border-width: 	0 1px 0 1px;
}

td.bordersLRB {
	border-width: 	0 1px 1px 1px;
}


td.datatxt {
	font-size: 	9pt;
	font-weight: 	bold;
	vertical-align: top;
	border-style: 	solid;
	border-color: 	#bbbbbb;
	padding:	2px;
}

td.datatexb {
	font-size: 	9pt;
	vertical-align: top;
	border-style: 	solid;
	border-color: 	#bbbbbb;
	border-width: 	1px;
	padding:	2px;
}

td.datatext {
	font-size: 	9pt;
	text-align: 	left;
	vertical-align: top;
	border-style: 	solid;
	border-color: 	#dedede;
	border-width: 	1px 0 1px 0;
	padding:	1px;
}

td.datatext2 {
	font-size: 	9pt;
	text-align: 	left;
	vertical-align: top;
	border-style: 	solid;
	border-color: 	#dedede;
	border-width: 	1px 1px 1px 0;
	padding:		1px;
}

td.datacell {
	font-size: 		9pt;
	text-align: 	right;
	vertical-align: top;
	border-style: 	solid;
	border-color: 	#dedede;
	border-width: 	1px 0 1px 0;
	padding:		1px 6px 1px 1px;
}

td.notetext {
	font-size: 	9pt;
	font-style: 	italic;
	width:		20px;
	vertical-align: top;
	padding:		1px;
}

td.boxtitle {
	font-size: 	10pt;
	font-weight: 	bold;
	color: 		black;
	background-color: #dedede;
	padding:		3px;
}

span.productname {
	font-size:   19px;
	font-weight: bold; 
}

span.productdesc {
	font-size:   10pt;
	font-weight: bold; 
	margin-bottom: 8px;
	display: inline-block;
}

span.note {
	font-size: 	8pt;
	font-style: 	italic;
	padding-left: 	5px;
}

span.supernote {
	font-size: 	8pt;
	font-style: 	italic;
	vertical-align: super;
	padding-left: 	5px;
}

span.fraction {
	font-size: 	7pt;
	padding-left: 	0px;
}

input.textbox {
	font-family: 	arial, helvetica, lucida, sans-serif;
	font-size: 	12pt;
	font-weight: 	bold;
	border: 		1px solid #dedede;
	width: 		430px;
}

div.column {
	display:	inline; 
	float:		left;
/*	width:  	220px;  */
	padding-left:	5px;
}

div.pagebreak {
	page-break-before: always;
}

hr { 
	width: 100%;   
	height: 1px;
	display: block;  
	color: gray; 
	background-color: gray;  
	margin: 6px 0px 5px 0px;  
	border: none; 
}

/* ------ The width of the table cell which contains the main product image.      */
.widthMainPic {
	width: 270px;
}

/* ------ The width of the table cell which contains a PDF icon (for doc links).  */
.widthPDF {
	width: 30px;
}

/* ------ Used for 1st column in Legend/Code/Relay tables, to hold short values.  */
.width20 {
	width: 20px;
}

.width30 {
	width: 30px;
}

.width40 {
	width: 40px;
}

.width50 {
	width: 50px;
}

.width60 {
	width: 60px;
}

.width70 {
	width: 70px;
}

.width80 {
	width: 80px;
}

.width90 {
	width: 90px;
}

.width100 {
	width: 100px;
}

.width120 {
	width: 120px;
}

.width140 {
	width: 140px;
}

.width150 {
	width: 150px;
}

.width200 {
	width: 200px;
}

.width225 {
	width: 225px;
}

.width250 {
	width: 250px;
}

/* ------ Used with width362 to make a 2-cell table that is 640px wide.           */
/* ------ Used with width320 & width40 to make a 3-cell table that is 640px wide. */
.width273 {
	width: 273px;
}

.width300 {
	width: 300px;
}

/* ------ Used with width273 & width40 to make a 3-cell table that is 640px wide. */
.width320 {
	width: 320px;
}

.width350 {
	width: 350px;
}

/* ------ Used with width273 to make a 2-cell table that is 640px wide.           */
.width362 {
	width: 362px;
}

/* ------ Used with widthMainPic to make a 2-cell table that is 640px wide.       */
.width365 {
	width: 365px;
}

/* ------ When used within a 640px-wide table, this makes a golden ratio (1.6)    */
.width400 {
	width: 400px;
}

.width440 {
	width: 440px;
}

.width470 {
	width: 470px;
}

/* ------ Used for small-size "mainbox"-type tables that are 540px wide.  */
.width540 {
	width: 540px;
}

.width600 {
	width: 600px;
}

.width620 {
	width: 620px;
}

.width640 {
	width: 640px;
}

.width650 {
	width: 650px;
}

.width660 {
	width: 660px;
}

.width670 {
	width: 670px;
}

/* ------ The height of the header row for document link tables (e.g. manuals).   */
.height25 {
	height: 25px;
}

.marginTB5 {
	margin-top: 5px;
	margin-bottom: 5px;
}