* {padding: 0; margin: 0;}
* A {text-decoration: none;}
* A:hover {text-decoration: underline;}
* A IMG {border: 0;}
.no-link {color: #000;}
.manual {font-variant: small-caps;}
.left {float: left;}
.right {float: right;}
.center {float: none;}


<!-- Styles for Layout -->
BODY {
	background: #FFF;
	font: 0.9em/1.3em Arial, Helvetica, sans-serif;
	}
HR {
	color: #A7CBF0;
	}
H1, H2, H3, H4, H5, H6 {
	color: #000080;
	padding-bottom: 0.4em;
	border-bottom: 1px #A7CBF0 solid;
	margin-bottom: 0.4em;
	}
H1 {
	font-size: 1.5em;
	}	
H2 {
	font-size: 1.4em;
	}	
H3 {
	font-size: 1.25em;
	}
H4 {
	font-size: 1.15em;
	padding-top: 1.15em;
	}	
H5 {
	font-size: 1.1em;
	padding-top: 1.1em;
	}	
H6 {
	font-size: 1em;
	padding-top: 1.1em;
	}	
P {
	padding-bottom: 0.6em;
	}

#masthead {
	width: auto;
	height: 48px;
	overflow: auto;
	background: #A7CBF0 url('../imgs/internal/logo_masthead_HARTBLEI.gif') no-repeat;
}
#mastfooter {
	clear: both;
	width: auto;
	height: auto;
	overflow: auto;
	background: #9ED0F1 url('../imgs/internal/bckg_mastfooter.gif') repeat-y;
	background-position: right;
	padding: 0.2em 0em 0.4em 0em;
	border-top: 1px #F0F0F0 solid;
	}
#top-logo {
	position: absolute;
	left: 6px;
	}
#navigation-top {
	position: absolute;
	right: 10px;
	}
	#navigation-top IMG {
	margin-left: 6px;
	margin-top: 26px;
	}
#navigation {
	clear: both;
	background: #3D8BD8 url('../imgs/internal/bckg_navigation.gif') repeat-y;
	background-position: right;
	}
#navigation-bottom {
	position: absolute;
	margin-top: 6px;
	right: 4px;
	}
#navigation-footer {
	position: absolute;
	margin-top: 8px;
	right: 10px;
	text-align: center;
	}
#products, #manuals, #reviews {
	position: absolute;
	right: 1em;
	background-color: #EEF;
	border: 1px #A7CBF0 solid;
	padding: 0.2em 0.4em 0.4em 0.4em;
	visibility: hidden;
	z-index: 100;
	}
#content {
	padding: 1.2em 0.6em 0.6em 2em;
	background-image:  url('../imgs/internal/bckg_body.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	#subcontent {
		padding-left: 2.4em;
		}

#mastfooter, #products, #manuals, #reviews, #navigation, #navigation-bottom, #navigation-footer {
	font: 0.7em/1.3em Verdana, sans-serif;
	}
<!-- End styles for Layout -->
	
	<!-- Begin Styles for Navigation -->
	#navigation TABLE {
	width: 100%;
	}
	#navigation TD {
		width: auto;
		text-align: center;
		padding-left: 0.4em;
		padding-right: 0.4em;
		}
	#navigation A, #navigation-footer A {
		text-decoration: none;
		color: #000;
		}
		#navigation A:hover, #navigation-footer A:hover {
			color: #FFF;
			}
	<!-- End Styles for Navigation -->
		
	<!-- Begin Styles for SubMenus -->
		<!-- NOTE: "reviews" is reserved for future use -->
	#products TD, #manuals TD, #reviews TD {
		text-indent: 0.8em;
		padding-right: 0.4em;
		}
	#products .title, #manuals .title, #reviews .title {
		font-weight: bold;
		text-indent: 0;
		color: #000080;
		}
	#products .submenu, #manuals .submenu, #reviews .submenu {
		text-indent: 1.6em;
		}
	#products A, #manuals A, #reviews A {
		color: #000080;
		display: block;
		width: 98%;
		margin: 1px;
		text-decoration: none;
		}
		#products A:hover, #manuals A:hover, #reviews A:hover {
			margin: 0;
			border: 1px #A7CBF0 solid;
			background: #DDF;
			}
	#products UL, #manuals UL, #reviews UL {
		list-style: none;
		}
	<!-- End Styles for SubMenus -->

	<!-- Begin Styles for Content -->
	<!-- Alerts -->
		#content .note {
			text-align: left;
			color: #F00;
			font-size: 0.85em;
			}
		#content .site_note {
			text-align: left;
			color: #F00;
			font-size: 0.85em;
			text-indent: 18px;
			background-image: url('../imgs/icons/icon_Attention.gif');
			background-position: left 0.3em;
			background-repeat: no-repeat;
			}
		#content .warning {
			text-align: left;
			color: #F00;
			}
		#content .info {
			text-align: left;
			text-indent: 18px;
			background-image: url('../imgs/icons/icon_Info.gif');
			background-position: left 0.3em;
			background-repeat: no-repeat;
			}
		#content .alert {
			text-align: left;
			color: #F00;
			text-indent: 18px;
			background-image: url('../imgs/icons/icon_Alert.gif');
			background-position: left 0.3em;
			background-repeat: no-repeat;
			}
		#content .attention {
			text-align: left;
			color: #F00;
			text-indent: 18px;
			background-image: url('../imgs/icons/icon_Attention.gif');
			background-position: left 0.3em;
			background-repeat: no-repeat;
			}
		#content .tip {
			text-align: left;
			color: #F00;
			text-indent: 18px;
			background-image: url('../imgs/icons/icon_Tip.gif');
			background-position: left 0.3em;
			background-repeat: no-repeat;
			}
	<!-- Lists -->
		#content UL {
			margin-left: 1.2em;
			padding-left: 1.2em;
			list-style-type: square;
			padding-bottom: 0.6em;
			}
		#content UL UL {
			margin-left: 1.2em;
			padding-left: 0.6em;
			list-style-type: disc;
			padding-bottom: 0.3em;
			}
		#content OL {
			margin-left: 1.2em;
			padding-left: 2.4em;
			padding-bottom: 0.6em;
			}
		#content UL A, #content UL UL A {
			color: #000080;
			}
	<!-- Tables -->
		<!-- COMMON TABLE STYLES -->
		#content TABLE {
			width: 90%;
			margin-left: 1.2em;
			margin-top: 0.3em;
			margin-bottom: 1.2em;
			border-collapse: collapse;
			}
			#content TABLE TD {
				padding-left: 0.45em;
				padding-right: 0.45em;
				padding-top: 0.2em;
				padding-bottom: 0.15em;
				}
		<!-- PLAIN TABLE -->
			TABLE.plain_table TD {
				text-align: center;
				border: 1px #A7CBF0 solid;
				}
				TABLE.plain_table TD.name {
					text-align: left; 
					}
		<!-- NORMAL TABLE -->
			TABLE.normal_table TD {
				text-align: center;
				border: 1px #A7CBF0 solid;
				}
				TABLE.normal_table TD.title {
					text-align: center;
					color: #000080;
					background: #F0F0FF;
					}
				TABLE.normal_table TD.name {
					text-align: left;
					background: #FFF url('../imgs/internal/bckg_price-list.jpg') no-repeat;
					}
		<!-- SPECIFICATIONS TABLE -->
			TABLE.specifications_table TD {
				text-align: center;
				border: 0;
				}
				TABLE.specifications_table TD.name {
					text-align: right;
					width: 30%;
					}
				TABLE.specifications_table TD.spec {
					text-align: left;
					color: #000080;
					width: 70%;
					}
		<!-- IMAGES TABLE -->
			TABLE.imgs_table TD {
				text-align: left;
				color: #000080;
				font-size: 0.85em;
				border: 0;
				}
			TABLE.imgs_table TD.imgs {
				text-align: center;
				}
		<!-- PRICE LIST TABLE -->
			TABLE.prices_table TD {
				text-align: left;
				border: 1px #A7CBF0 solid;
				border-right: 0;
				}
				TABLE.prices_table TD.title {
					color: #000080;
					border-right: 0;
					background: #F0F0FF url('../imgs/internal/bckg_price-tables_title.gif') repeat-y;
					}
				TABLE.prices_table TD.currency {
					text-align: center;
					color: #000080;
					border-left: 0;
					border-right: 1px #A7CBF0 solid;
					background: #F0F0FF;
					}
				TABLE.prices_table TD.price {
					text-align: right;
					color: #000080;
					border-left: 0;
					border-right: 1px #A7CBF0 solid;
					background: #FFF url('../imgs/internal/bckg_prices.jpg') no-repeat;
					background-position: right bottom;
					width: 4em;
					}
				TABLE.prices_table TD.text {
					border-right: 1px #A7CBF0 solid;
					background: #F0F0FF url('../imgs/internal/bckg_price-tables_title.gif') repeat-y;
					}
	<!-- Images -->
				.img-left {
					float: left;
					margin: 0 1em 0 0;
					}
				.img-right {
					float: right;
					margin: 0 0 0 1em;
					}
				.img-center {
					float: none;
					margin: 0 0 1em 0;
					}
				P.img-center {
					text-align: center;
					}
	<!-- End Styles for Content -->
	
	<!-- Begin Additional Styles for Price Table -->				
		#price_tables .alert_price_table {
			color: #F00;
			padding-left: 0.3em;
			}
		#price_tables P.title {
			margin-left: 0em;
			padding-left: 0;
			font-weight: bold;
			margin-top: 0.6em;
			margin-bottom: 0;
			}
		#price_tables SPAN.question {
			margin-left: 1.2em;
			padding-left: 1.2em;
			margin-top: 0;
			margin-bottom: 0.3em;
			background-image: url('../imgs/icons/icon_plus.gif');
			background-repeat: no-repeat;
			background-position: left center;
			display: block;
			}
		#price_tables SPAN.answer {
			margin-left: 1.2em;
			padding-left: 1.2em;
			margin-top: 0;
			margin-bottom: 0.3em;
			background-image: url('../imgs/icons/icon_minus.gif');
			background-repeat: no-repeat;
			background-position: left center;
			display: none;
			}
		#price_tables TABLE.prices_table {
			margin-left: 2.4em;
			display: none;
			}
	<!-- End Additional Styles for Price Table -->

	<!-- Begin Additional Styles for FAQs -->				
		#FAQs P.title {
			margin-left: 0em;
			padding-left: 0;
			font-weight: bold;
			margin-top: 0.6em;
			margin-bottom: 0;
			}
			#FAQs P.subtitle {
				margin-left: 1.2em;
				}
		#FAQs SPAN.question {
			font-weight: normal;
			margin-left: 1.2em;
			padding-left: 1.2em;
			margin-top: 0;
			margin-bottom: 0.3em;
			background-image: url('../imgs/icons/icon_plus.gif');
			background-repeat: no-repeat;
			background-position: left center;
			display: block;
			}
		#FAQs SPAN.answer {
			font-weight: bold;
			margin-left: 1.2em;
			padding-left: 1.2em;
			margin-top: 0;
			margin-bottom: 0.3em;
			background-image: url('../imgs/icons/icon_minus.gif');
			background-repeat: no-repeat;
			background-position: left center;
			display: none;
			}
		#FAQs TABLE.FAQs_table {
			margin-left: 2.4em;
			display: none;
			}
	<!-- End Additional Styles for FAQs -->