/**********************************************
 * ANALOX CSS
 **********************************************/

body {
	margin: 0;
	padding: 0;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #ffffff url(images/headerbg.gif) no-repeat top left;
}

a img {
	border: 0;
}

h1, h2, h3 {
	color: #087740;
	font-weight: normal;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.4em;
}

#header {
	width: 100%;
	height: 118px;
	position: relative;
}

	#header a {
		position: absolute;
		top: 0;
		left: 0;
		width: 400px;
		height: 118px;
	}

	#header a h1 {
		margin: 0;
		text-indent: -9999em;
	}

#pagecontainer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

	#part-navigation {
		width: 100%;
		height: 68px;
		padding-top: 9px;
		background: #087740 url(images/bg-partsnav.gif) no-repeat left top;
	}

		#part-navigation ul {
			width: 770px;
			margin: 0 95px;
			padding: 0;
			list-style: none;
		}

			#part-navigation ul li {
				float: left;
				padding: 2px 10px 2px 0;
			}

				#part-navigation ul li.active {
					padding: 0 10px 0 0;
				}

				#part-navigation ul li.last {
					padding-right: 0;
				}

	#content-container {
		clear: both;
	}

		/* ELEMENTS COMMON TO BOTH SIDE NAVS */
		.sidebar {
			width: 122px;
			padding: 0 7px 9px 7px;
			background: #087740 url(images/bg-sidenavs.gif) no-repeat left bottom;
		}

			.sidebar h2 {
				font-size: 14px;
				line-height: 16px;
				height: 45px;
				margin: 0;
				padding: 5px;
				font-weight: bold;
				background: #ffc20f url(images/bg-sidenavh2.gif) no-repeat left top;
				color: #893e1c;
			}

			.sidebar ul {
				margin: 0;
				padding: 0 0 6px 0;
				list-style: none;
				background: #ffffff url(images/bg-sidenavul.gif) no-repeat left bottom;
			}

			.sidebar ul li {
			}

			.sidebar ul li.standard-title {
				background: #ffffff;
				font-size: 10px;
				margin: 7px 0 0 0;
				padding-left: 5px;
				font-weight: bold;
			}

				.sidebar ul li.standard-title-first {
					margin-top: 0;
				}

				.sidebar ul li a:link, .sidebar ul li a:visited {
					display: block;
					padding: 5px 0 5px 20px;
					width: 102px;
					font-size: 10px;
					background: #ffffff url(images/sidenavbullet.gif) no-repeat 4px 7px;
					margin-bottom: 1px;
					color: #000000;
					text-decoration: none;
					font-weight: bold;
				}

				/* INDENTED (SUBNAV) LINKS */
				.sidebar ul li a.indent:link, .sidebar ul li a.indent:visited {
					padding-left: 30px;
					font-weight: normal;
					width: 92px;
					background: #ffffff url(images/sidenavbullet.gif) no-repeat 14px 7px;
				}

				/* INDENTED (SUBNAV) LINKS */
				.sidebar ul li a.indent2:link, .sidebar ul li a.indent2:visited {
					padding-left: 45px;
					font-weight: normal;
					width: 57px;
					background: #ffffff url(images/sidenavbullet.gif) no-repeat 29px 7px;
				}

				.sidebar ul li.last a:link, .sidebar ul li.last a:visited {
					margin-bottom: 0;
				}

				.sidebar ul li a:hover, .sidebar ul li a.indent:hover, .sidebar ul li a.linked {
					background-color: #ffc20f;
					background-image: url(images/sidenavbulleton.gif);
					text-decoration: underline;
				}

				.sidebar ul li a.linked, .sidebar ul li a.indent.linked {
					background-color: #ffff99;
					background-image: url(images/sidenavbulletlinked.gif);
				}


		#standards-nav {
			float: left;
			/* WIDTH DEFINED ABOVE */
		}

			/* AND NOW OVERRIDE EVERYTHING IN THE STANDARDS NAV..... */

		#content-column {
			float: left;
			width: 668px;
			padding: 9px 10px 0 10px;
			background: #ffffff url(images/bg-contenttop.gif) no-repeat left top;
		}

			#the-boat {
				width: 648px;
				height: 390px;
				margin: 55px 20px 0 20px;
				position: relative;
				background: #ffffff url(images/boat.jpg) no-repeat left top;
			}

				/* LINK STYLES FOR THE PARTS OF THE BOAT */
				#the-boat a {
					position: absolute;
					width: 100px;
					height: 116px;
					text-decoration: none;
					/*
					border: 2px solid #0000cc;
					background: #ffffff;
					opacity: 0.5;
					*/
				}

					/*
					#the-boat a:hover {
						border: 3px solid #0000cc;
						opacity: 0.8;
					}
					*/

					#the-boat a span {
						display: none;
					}

					#the-boat a span.click {
						position: absolute;
						top: 100px;
						width: 100px;
						font-size: 0.75em;
						line-height: 14px;
						text-align: center;
						color: #ffffff;
						background: #000000;
					}

					/* SHIP PART POSITIONING */
					#the-boat a.hyperbaric:link, #the-boat a.hyperbaric:visited {
						top: 122px;
						left: 318px;
						/* background: #ffffff url(images/1.jpg) no-repeat left top; */
					}

					#the-boat a.divecontrol:link, #the-boat a.divecontrol:visited {
						top: 159px;
						left: 182px;
						/* background: #ffffff url(images/2.jpg) no-repeat left top; */
					}

					#the-boat a.satchamber:link, #the-boat a.satchamber:visited {
						top: 237px;
						left: 284px;
						/* background: #ffffff url(images/3.jpg) no-repeat left top; */
					}

					#the-boat a.satcontrol:link, #the-boat a.satcontrol:visited {
						top: 152px;
						left: 420px;
						/* background: #ffffff url(images/4.jpg) no-repeat left top; */
					}

					#the-boat a.deck:link, #the-boat a.deck:visited {
						top: 238px;
						left: 80px;
						/* background: #ffffff url(images/5.jpg) no-repeat left top; */
					}

					#the-boat a.hotwater:link, #the-boat a.hotwater:visited {
						top: 272px;
						left: 182px;
						/* background: #ffffff url(images/6.jpg) no-repeat left top; */
					}

					#the-boat a.gasstore:link, #the-boat a.gasstore:visited {
						top: 267px;
						left: 385px;
						/* background: #ffffff url(images/7.jpg) no-repeat left top; */
					}

					#the-boat a.compressor:link, #the-boat a.compressor:visited {
						top: 267px;
						left: 480px;
						/* background: #ffffff url(images/8.jpg) no-repeat left top; */
					}

					#the-boat a.divingbell:link, #the-boat a.divingbell:visited {
						top: 354px;
						left: 284px;
						/* background: #ffffff url(images/9.jpg) no-repeat left top; */
					}

					/* SHIP PART HOVERS */
					#the-boat a.hyperbaric:hover, #the-boat a.hyperbarichover {
						background: #ffffff url(images/1.jpg) no-repeat left top;
					}

					#the-boat a.divecontrol:hover, #the-boat a.divecontrolhover {
						background: #ffffff url(images/2.jpg) no-repeat left top;
					}

					#the-boat a.satchamber:hover, #the-boat a.satchamberhover {
						background: #ffffff url(images/3.jpg) no-repeat left top;
					}

					#the-boat a.satcontrol:hover, #the-boat a.satcontrolhover {
						background: #ffffff url(images/4.jpg) no-repeat left top;
					}

					#the-boat a.deck:hover, #the-boat a.deckhover {
						background: #ffffff url(images/5.jpg) no-repeat left top;
					}

					#the-boat a.hotwater:hover, #the-boat a.hotwaterhover {
						background: #ffffff url(images/6.jpg) no-repeat left top;
					}

					#the-boat a.gasstore:hover, #the-boat a.gasstorehover {
						background: #ffffff url(images/7.jpg) no-repeat left top;
					}

					#the-boat a.compressor:hover, #the-boat a.compressorhover {
						background: #ffffff url(images/8.jpg) no-repeat left top;
					}

					#the-boat a.divingbell:hover, #the-boat a.divingbellhover {
						background: #ffffff url(images/9.jpg) no-repeat left top;
					}

					#the-boat a:hover span.click, #the-boat a.hyperbarichover span.click, #the-boat a.divecontrolhover span.click, #the-boat a.satchamberhover span.click, #the-boat a.satcontrolhover span.click, #the-boat a.deckhover span.click, #the-boat a.hotwaterhover span.click, #the-boat a.gasstorehover span.click, #the-boat a.compressorhover span.click, #the-boat a.divingbellhover span.click {
						display: block;
					}

		#product-nav {
			float: right;
			/* WIDTH DEFINED ABOVE */
		}

	/* PRODUCT PAGE */
	.product-page h1 {
		font-size: 1.4em;
		color: #893e1c;
		font-weight: bold;
	}

	.prodpara {
		padding: 16px 16px 0 16px;
		margin-bottom: 0;
	}

	.product-page-intro {
		font-size: 0.9em;
		margin-bottom: 40px;
	}

		.product-page-intro a:link, .product-page-intro a:visited {
			color: #087740;
		}

		.prodparahover {
			background: #ffffff url(images/prodparatop.gif) no-repeat top left;
		}

	.prodparabottom {
		width: 100%;
		height: 16px;
	}

		.prodparabottomhover {
			background: #ffffff url(images/prodparabottom.gif) no-repeat top left;
		}

	.pageprodouter {
		width: 650px;
		padding-bottom: 10px;
		margin: 10px 0;
	}

		.ppouterhover {
			background: #ffffff url(images/prodparabottom.gif) no-repeat bottom left;
		}

	.pageprodinner {
		padding: 10px 10px 0 10px;
		font-size: 0.9em;
		min-height: 120px;
	}

		.ppinnerhover {
			background: #ffffff url(images/prodparatop.gif) no-repeat top left;
		}

		.pageprodinner a:link, .pageprodinner a:visited {
			text-decoration: underline;
			color: #087740;
			font-weight: bold;
		}

	.pageprodimage {
		float: left;
		width: 120px;
	}

	.pageprodcontent {
		float: right;
		width: 500px;
	}

/* FOOTER */
#footer {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #087740;
	font-size: 0.8em;
	color: #087740;
}

	#footer a:link, #footer a:visited {
		color: #087740;
	}