@charset "UTF-8";
/* CSS Document */

/*	---------------- Top Level Navigation */

		#navigation {
			position: relative;
			width: 760px;
			height: 65px;
			background: #474747 url(../images/cssnavigation/navigation-shade.jpg) bottom repeat-x;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #474747;
			}
			#navigation ul {
	position: relative;
	margin: 0;
	padding: 0 0 0 10px;
	height: 30px;
	background: #dadada url(../images/cssnavigation/navigation-bg.jpg) no-repeat;
				}
				#navigation ul li {
					float: left;
					list-style-type: none;
					margin: 0;
					padding: 0;
					border-right: 1px solid #949494;
					line-height: 30px;
					font-size: 12px;
					}
					#navigation ul li a {
	display: block;
	margin: 0;
	padding: 0 7px;
	color: #474747;
	text-decoration: none;
	background: none;
						}
						#navigation ul li a:hover {
							background: url(../images/cssnavigation/main-active-bg.jpg) repeat-x;
							color: #ffffff;
							}
						#navigation ul li a.activeItem {
							background: url(../images/cssnavigation/main-current-tab-bg.jpg) repeat-x;
							}
			#navigation ul li ul {
	display: none;
	position: absolute;
	top: 30px;
	margin: 0 0 0 2px;
	padding: 0 0 0 14px;
	height: 25px;
	background: #474747 url(../images/cssnavigation/dd-listarrow-v2.gif) no-repeat left;				/*
				left: 10px;
				width: 750px;
				border-left: 1px solid #666666;
				*/
				}
				#navigation ul li ul li {
					float: left;
					list-style-type: none;
					margin: 0;
					padding: 0;
					border-right: 1px solid #666666;
					line-height: 25px;
					font-size: 11px;
					}
					#navigation ul li ul li a {
	display: block;
	margin: 0;
	padding: 0 5px;
	color: #dadada;
	text-decoration: none;
	background: none;
						}
						#navigation ul li ul li a:hover {
							background: #666666;
							color: #ffffff;
							}
						#navigation ul li ul li a.activeItem {
							font-weight: bold;
							}
			#navigation ul li:hover ul { display: block; }
			#navigation ul li:hover a {
				background: url(../images/cssnavigation/main-active-bg.jpg) repeat-x;
				color: #ffffff;
				}
				#navigation ul li:hover ul li a {
	display: block;
	margin: 0;
	padding: 0 5px;
	color: #dadada;
	text-decoration: none;
	background: none;
					}
					#navigation ul li:hover ul li a:hover {
						background: #666666;
						color: #ffffff;
						}
			#navigation ul li.over ul { display: block; }
			#navigation ul li.over a {
				background: url(../images/cssnavigation/main-active-bg.jpg) repeat-x;
				color: #ffffff;
				}
				#navigation ul li.over ul li a {
					display: block;
					margin: 0;
					padding: 0 7px;
					color: #dadada;
					text-decoration: none;
					background: none;
					}
					#navigation ul li.over ul li a:hover {
						background: #666666;
						color: #ffffff;
						}
		
		
/*	---------------- Side (Product) Navigation */

		#sidenavigation {
			position: relative;
			float: left;
			margin: 20px 0;
			width: 170px;
			background: #ffffff url(../images/cssnavside/panel-shade-bg.jpg) no-repeat;
			}
			#sidenavigation h2 {
				display: block;
				margin: 0;
				padding: 0;
				width: 170px;
				height: 25px;
				background: #474747 url(../images/cssnavside/header-tab-bg.jpg) no-repeat;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #dfdfdf;
				text-indent: 15px;
				line-height: 25px;
				}
			#sidenavigation ul {
				margin: 15px 6px 15px 10px;
				padding: 0;
				list-style: none;
				list-style-type: none;
				}
				#sidenavigation ul li {
					clear: left;
					margin: 0;
					padding: 0 0 3px 0;
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					}
					#sidenavigation ul li a {
						display: block;
						font-size: 11px;
						font-weight: normal;
						color: #003366;
						text-decoration: none;
						background: none;
						}
						#sidenavigation ul li a span {
							font-size: 10px;
							font-weight: normal;
							letter-spacing: -0.05em;
							color: #8a9db0;
							}
						#sidenavigation ul li a img {
							float: left;
							border: 1px solid #444444;
							margin: 0 6px 3px 0;
							}
						#sidenavigation ul li a:hover { color: #8a9db0; }
						#sidenavigation ul li a:hover img { border: 1px solid #999999; }
		
		
/*	---------------- Section Overview List */

		ul.section-overview {
			width: 550px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			ul.section-overview li {
				margin: 0;
				padding: 3px 0;
				border-bottom: 1px solid #efefef;
				list-style-type: none;
				}


/*	---------------- Footer Navigation */

		#footer ul#footer-ul {
			margin: 0;
			padding: 5px 0 0 0;
			width: 760px;
			border-top: 1px solid #cccccc;
			list-style: none;
			list-style-type: none;
			}
			#footer ul#footer-ul li {
				float: left;
				list-style-type: none;
				margin: 0;
				padding: 5px 10px 5px 0;
				font-weight: bold;
				}
				#footer ul#footer-ul li a {
					color: #666666;
					text-decoration: none;
					}
					#footer ul#footer-ul li a:hover { color: #003366; }
		#footer p {
			clear: left;
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 10px;
			font-weight: normal;
			color: #999999;
			}
			#footer p span { color: #666666; }
			#footer p a {
				color: #999999;
				font-weight: bold;
				text-decoration: none;
				}
				#footer p a:hover { color: #cccccc; }
