/* 
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; border: 0;}
div {margin: 0; padding: 0; border: 0;
     background: transparent;}
    
/*html { 
	overflow-y: scroll;
*/	
}
body { 
	font: 14px "Arial", sans-serif;
	
}

ul { list-style-position: outside; margin-left: 40px; }
p { line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #fff9a7; padding: 3px;} 
a { outline: none; }
a img { border: none; }

h1 {
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #a69028;
	}
	h1#logo {
		width: 654px;
		height: 112px;
		background: url(../../images/images/header.jpg) no-repeat center center;
		text-indent: -9999px;
	}

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

.ContentMultiColumn {
	padding: 10px 30px 95px;
	}

/* STRUCTURE AND STUFF */
#header-wrap {
	background-color: #000;
	height: 80px;
	}
	#header {
		width: 879px;
		height: 80px;
		margin: 0 auto;
		background: url(../../images/images/header.jpg) no-repeat;
		}
		#cart-top-bar {
			display: block;
			color: #b0d0ed;
			position: absolute;
			width: 850px;
			text-align: right;
			padding-top: 6px;
			font-size: 10px;
			}
			#cart-top-bar a {
				color: #fff;
				text-decoration: none;
				}
				#cart-top-bar a:hover {
					color: #b0d0ed;
					}
		div#nav-bar {
			float: right;
			margin: 53px 17px 0 0;
			}
			div#nav-bar ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}
				div#nav-bar ul li {
					display: inline;
					}
					div#nav-bar ul li a {
						display: block;
						height: 22px;
						width: 75px;
						background: url(../../images/images/menu-general.jpg) top center no-repeat;
						float: left;
						text-decoration: none;
						color: white;
						text-align: center;
						font-size: 10px;
						padding-top: 5px;
						font-family: Verdana, sans-serif;
						overflow: hidden;
						letter-spacing: -0.5px;
						}
					div#nav-bar ul li.Home a {
						background-image: url(../../images/images/menu-home.jpg);
						}
					div#nav-bar ul li.Selected a {
						background-position: bottom center;
						color: black;
						}
					div#nav-bar ul li a:hover {
						background-position: bottom center;
						color: black;
						}
				div#nav-bar ul li div {
					position: absolute;
					top: 90px;
					background: none;
					z-index: 200;
					width: 841px;
					height: 200px;
					overflow: visible;
					margin-left: -317px;
					display: none;
					}
					div#nav-bar ul li:hover div {
						display: block;
						margin-top: -20px;
						}
					div#nav-bar ul li div span {
						background-color: #c9a104;
						height: 22px;
						width: 841px;
						display: block;
						margin-top: 10px;
						}
						div#nav-bar ul li div a {
							float: left;
							height: auto;
							width: auto;
							background: none;
							text-decoration: none;
							text-transform: uppercase;
							color: black;
							text-align: center;
							font-size: 10px;
							padding-top: 5px;
							font-family: Verdana, sans-serif;
							font-weight: bold;
							padding: 3px 10px;
							height: 22px;
							}
						div#nav-bar ul li div a:hover {
							color: #333;
							}
						div#nav-bar ul li div .Sub3Menu {
							display: inline;
							margin-top: 0;
							
							}
						div#nav-bar ul li div .Sub3Menu ul {
							display: none;
							
							
						}
						
						div#nav-bar ul li.Sub3Menu ul li {
							display: none;
							
						}
						
						div#nav-bar ul li.DD_Menu div {
							
							width:200px;
						}
						
						div#nav-bar ul li.DD_Menu:hover div ul {
							display:block;
							background-color: #000;
								opacity: 0.9;
								overflow: visible;
								top: 0px;
								width: 200px;
								padding-top: 0px;
								margin-top:8px;
						}
						
						ul.SubMenu5 {
							        position: absolute;
									left: 445px;
								}
								
								ul.SubMenu8 {
									position: absolute;
									left: 590px;
								}
									
						div#nav-bar ul li.DD_Menu:hover div ul li {
							display:block;
							width: 200px;
									border-bottom: 1px solid #666;
									height: 22px;
									margin: 0;
									padding: 0;
									padding-top:4px;
									overflow:visible;
									
						}
						
						div#nav-bar ul li.DD_Menu:hover div ul li.Sub3Menu ul {
							display:none;
							
						}
						
						div#nav-bar ul li.DD_Menu:hover div ul li.Sub3Menu:hover ul {
							display:block;
							
						}
						
						div#nav-bar ul li.DD_Menu:hover div ul li a {
							padding: 0px 10px;
										color: white;
										width: 85%;
										text-align: left;
										font-size:9px;
						}
						div#nav-bar ul li.DD_Menu:hover div ul li a:hover {
							color:#94ccff;
						}
						div#nav-bar ul li.DD_Menu:hover div ul li:hover {
							background-color:#003;
						}

							div#nav-bar ul li div .Sub3Menu div {
								position:relative;
								height:1px;
								width:1px;
								display:block;
								float:right;
								
								margin-top:-92px;
								margin-left:200px;
								

							}
							
							div#nav-bar ul li div li.Sub3Menu {
								background:url(/images/grey-arrow.gif) no-repeat right;
								
							}
							div#nav-bar ul li div .Sub3Menu:hover ul {
								display: block;
								/*margin-top: 10px;*/
								background-color: #000;
								opacity: 0.9;
								margin:0;
								padding:0;
								margin-left:1px;
								padding-top:1px;
								width: 200px;
								

								}
								div#nav-bar ul li div .Sub3Menu:hover ul li {
									display: block;
									width: 100%;
									border-bottom: 1px solid #666;
									height: 22px;
									
									padding-top:4px;
									
									}
									div#nav-bar ul li div .Sub3Menu:hover ul li a {
										
										color: white;
										width: 100%;
										text-align: left;
										}
										div#nav-bar ul li div .Sub3Menu:hover ul li a:hover {
											color: #94ccff;
											}

#banner-wrap {
	
	
	}
	#banner {
		width: 879px;
		height: 274px;
		margin: 0 auto;
		z-index: 0;
		background: transparent url(../../images/images/banner-bg.jpg) no-repeat;
		
		}
		#banner-container {
			height: 268px;
			padding-top:1px;
			}
		#banner-selector {
			background-color: white;
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
			height: 26px;
			margin: -28px 0 0 20px;
			width: 841px;
			z-index: 199;
			position: relative;
			}
			
			ul#banner-selector-ul {
				background: transparent;
				margin: 0;
				padding: 0;
				list-style-type: none;

				top: -27px;
				left: 25px;
				z-index: 201;
				
				}
				ul#banner-selector-ul li {
					background; transparent;
					display: inline;
					position: relative;
					z-index: 202;
					}
					ul#banner-selector-ul  a {
						display: block;
						height: 17px;
						width: 21px;
						background: transparent url(../../images/images/banner-selector-inactive.png) no-repeat;
						float: left;
						text-decoration: none;
						color: white;
						text-align: center;
						font-size: 11px;
						font-weight: bold;
						margin: 3px 0 0 5px;
						padding: 4px 0 0 1px;
						position: relative;
						z-index: 203;}
					ul#banner-selector-ul  a.activeSlide {
						background: transparent url(../../images/images/banner-selector-active.png) no-repeat;
						position: relative;
						z-index: 203;
						}
					ul#banner-selector-ul a:hover {
						background:  transparent url(../../images/images/banner-selector-active.png) no-repeat;
						position: relative;
						z-index: 203;
						}
	#banner-wrap-left {
		background: url(../../images/images/banner-wrap-left-bg.jpg) repeat-x;
		width: 50%;
		height: 274px;
		position: absolute;
		top: 80px;
		margin-top: 0px;
		z-index: -10;
		}
	#banner-wrap-right {
		background: url(../../images/images/banner-wrap-right-bg.jpg) repeat-x;
		width: 50%;
		height: 274px;
		position: absolute;
		right: 0;
		top: 80px;
		margin-top: 0px;
		z-index: -10;
		}

#cart-search-bar-wrap {
	background: transparent url(../../images/images/page-wrap-bg.png) repeat scroll 0 2px;
	height: 32px;
	position: relative;
	z-index: 202;
	margin-top: 0;
	}
	
	#cart-search-bar {
		width: 879px;
		margin: 0 auto;
		height: 32px;
		background: url(../../images/images/cart-search-bar-bg.png) no-repeat;
		

		
	}
		#cart-search-bar-breadcrumb {
			float: left;

			color: #fff;
			overflow: hidden;
			height: 32px;
			line-height: 32px;
			padding-left:30px;

			
			
		}
			#cart-search-bar-breadcrumb a {
				color: #94ccff;
				margin: 0;
				padding-right: 7px;
				background: url('../../images/images/breadcrumb-sep.png') no-repeat right;
				margin-right: 3px;
				}
			#cart-search-bar-breadcrumb img {
				margin: 0 6px 0 3px;
				}
		#cart-search-bar-content {
			float: right;
			margin-right: 25px!important;
			}
			#cart-search-bar-content form {
				margin: 0;
				padding: 0;
				}
			#cart-search-bar-content #search_query {
				width: 226px;
				height: 15px;
				font-size: 12px;
				background: #FFFFFF none repeat scroll 0 0;
				border: 1px solid #CCCCCC;
				padding: 1px;
				position: relative;
				top: -6px;
				margin-right: 5px;
				}
			#cart-search-bar-content #search_button {
				margin-top: 5px;
				}
		
#page-content-wrap {
	margin-top: 3px;
	background: url(../../images/images/page-wrap-bg.png) repeat;
	}
	#page-content-container {
		width: 879px!important;
		margin: 0 auto;
		background: url(../../images/images/page-content-bg.png) repeat-y;
		}
		#page-content {
			padding: 10px 30px 95px 30px;
			margin: 0 auto;
			}
			.PageTextBox {
				margin-left: -3px;				
				width: 826px;
				}
					
				.PageTextBoxTop {
					background: url(../../images/images/text-bg-full-top.jpg) no-repeat;
					height: 11px;
					margin-bottom: -11px;
					position: relative;
					z-index: 2;
					}
				.PageTextBoxMiddle {
					background: transparent url(../../images/images/text-bg-full-middle.jpg) left repeat-y;
					padding: 10px;
					}
				.PageTextBoxBottom {
					background: url(../../images/images/text-bg-full-bottom.jpg) no-repeat;
					height: 11px;
					margin-top: -11px;
					}
				
				#featured-products {
					
					}
					#featured-products h2 {
						margin-bottom: -5px;
						}
					#featured-products .FProduct {
						background: url(../../images/images/Home/featured-products-bg.png) no-repeat;
						height: 309px;
						width: 200px;
						margin: 8px 0 0 2px;
						float: left;
						}
						#featured-products .FProduct .FProduct-Title {
						font-size: 14px;
						font-weight: bold;
						color: #fff;
						padding: 5px 0 0 5px;
						text-align: center;
							}
						#featured-products .FProduct .FProduct-Pic {
							margin-top: 24px;
							text-align: center;
							}
						#featured-products .FProduct .FProduct-Text {
							color: #0c3362;
							font-size: 10px;
							height: 75px;
							overflow: hidden;
							padding: 0 10px;
							}
						#featured-products .FProduct .FProduct-Button {
							float: right;
							margin-right: 2px;
							}
							
				.FProduct {
					background: url(../../images/images/Home/featured-products-bg.png) no-repeat;
					height: 305px;
					width: 200px;
					margin: 8px 0 0 5px;
					float: left;
				}
				.FProduct .FProduct-Title {
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					padding: 5px 0 0 5px;
					text-align: center;
					line-height:1.3;
					overflow:hidden;
					height:32px;
				}
				.FProduct .FProduct-Pic {
					margin-top: 25px;
					text-align: center;
				}
				.FProduct-Text {
					color: #0c3362;
					font-size: 10px;
					height: 75px;
					overflow: hidden;
					padding: 0 8px;
				}
				.FProduct .FProduct-Button {
					float: right;
					margin-right: 2px;
					
				}
				#HomePage-BottomSection {
					margin-bottom: -37px;
					
					}
					#HomePage-BottomSection #WhatsNew {
						width: 841px;
						height: 400px;
						background: url(../../images/images/Home/whatsnew-bg.png) repeat-x;
						float: left;
						margin-left: -10px!important;
						
						}
						#HomePage-BottomSection #WhatsNew #WhatsNew-title {
							font-size: 20px;
							color: #fff;
							margin: 20px 0 4px 20px;
							}
						#HomePage-BottomSection #WhatsNew .WhatsNew-Product {
							background: url(../../images/images/Home/whatsnew-product-bg.png) no-repeat;
							height: 375px;
							width: 252px;							
							margin: 0 10px 0 15px;
							float: left;
							}
							#HomePage-BottomSection #WhatsNew .WhatsNew-Product .WhatsNew-Product-Title {
							font-size: 14px;
							font-weight: bold;
							color: #1c1c1c;
							padding: 5px 0 0 5px;
							text-align: center;
							line-height:1.3;
							overflow:hidden;
							height:32px;
								}
							#HomePage-BottomSection #WhatsNew .WhatsNew-Product .WhatsNew-Product-Pic {
								margin-top: 20px;
								text-align: center;
								}
							#HomePage-BottomSection #WhatsNew .WhatsNew-Product .WhatsNew-Product-Button {
								float: right;
								margin-right: 2px;
								}
					#HomePage-BottomSection #Satisfaction {
						width: 280px;
						height: 254px;
						background: url(../../images/images/Home/satisfaction-bg.png) no-repeat;
						float: right;
						margin-right: -12px!important;
						
						
						}
						#HomePage-BottomSection #Satisfaction #Satisfaction-text {
							margin: 100px 15px 0;
							}
							#HomePage-BottomSection #Satisfaction #Satisfaction-text p {
								color: #0c3362;
								font-size: 10px;
								}
				
				.AboutUs {
					}
					.AboutUs h2 {
						font-size: 20px;
						color: #005fb3;
						margin: 0 0 7px 0;
						}
					.AboutUs p {
						font-size: 12px;
						color: #005fb3;
						}
					#about-us-WhatWeDo {
						background: url(../../images/images/about-us-WhatWeDo-bg.jpg) repeat-x;
						height: 254px;
						width: 842px;
						margin-left: -10px;
						margin-top: 10px;
						margin-bottom: -37px;
						background-color: #fff;
						}
						#about-us-WhatWeDo-content {
							padding: 14px 20px;
							}
							#about-us-WhatWeDo-content h2 {
								font-size: 20px;
								color: #fff;
								margin: 0 0 5px 0;
								}
							#about-us-WhatWeDo-content p {
								font-size: 12px;
								color: #fff;
								}
						#about-us-WhatWeDo-Products {
							height: 136px;
							}
							#about-us-WhatWeDo-Products table {
								width: 100%;
								}
				.NewsItems {
					}
					.NewsItems .NewsItem {
						}
						.NewsItem-Content {
							padding: 1px 0 10px 0;
							float: left;
							width: 785px;
							}
							.NewsItem-Content-Picture {
								margin: 0 20px 5px 0;
								float: left;
								background: url(../../images/images/News/news-image-bg.jpg) no-repeat;
								width: 252px;
								height: 195px;
								}
								.NewsItem-Content-Picture img {
									margin: 8px 0 0 7px;
									width: 239px;
									height: 178px;
									}
							.NewsItem-Content-Date {
								font-size: 12px;
								color: #3e3e3e;
								font-style: italic;
								font-weight: 600;
								}
							.NewsItem-Content-Title {
								font-size: 18px;
								font-weight: 700;
								color: #005fb3;
								}
							.NewsItem-Content p {
								font-size: 12px;
								color: #0c3362;
								
								
								}
								
							.NewsItem-Content-Link {
								float: right;
								}
								.NewsItem-Content-Link a {
									font-size: 12px;
									font-weight: 700;
									color: #005fb3;
									text-decoration: underline;
									}
				.WhereToBuy {
					font-size: 12px;
					color: #000;
					}
					.WhereToBuy h2 {
						font-size: 20px;
						color: #005fb3;
						margin: 0;
						}
					.WhereToBuy h3 {
						font-size: 14px;
						color: #005fb3;
						margin: 0 0 2px 0;
						}
					.WhereToBuy p {
						font-size: 12px;
						color: #005fb3;
						}
				
				.Downloads {
					}
					.Downloads .Downloads-Datasheet {
						}
						.Downloads .Downloads-Datasheet .Downloads-Datasheet-Pic {
							margin: 2px 0 5px 0;
							float: left;
							}
						.Downloads .Downloads-Datasheet .Downloads-Datasheet-Content {
							padding: 20px 0 0 20px;
							float: left;
							width: 690px;
							}
							.Downloads .Downloads-Datasheet .Downloads-Datasheet-Content .Downloads-Datasheet-Content-DataClass {
								font-size: 12px;
								color: #3e3e3e;
								font-style: italic;
								font-weight: 600;
								}
							.Downloads .Downloads-Datasheet .Downloads-Datasheet-Content .Downloads-Datasheet-Content-Title {
								font-size: 18px;
								font-weight: 700;
								color: #005fb3;
								}
							.Downloads .Downloads-Datasheet .Downloads-Datasheet-Content .Downloads-Datasheet-Content-Description {
								font-size: 12px;
								color: #0c3362;
								}
							.Downloads .Downloads-Datasheet .Downloads-Datasheet-Content .Downloads-Datasheet-Content-Link {
								float: right;
								}
								.Downloads .Downloads-Datasheet .Downloads-Datasheet-Content .Downloads-Datasheet-Content-Link a {
									font-size: 12px;
									font-weight: 700;
									color: #005fb3;
									text-decoration: underline;
									}
				
				.ContactUs {
					font-size: 12px;
					color: #0c3362;
					}
					.ContactUs h2 {
						font-size: 20px;
						color: #005fb3;
						margin: 0;
						}
					.ContactUs h3 {
						font-size: 14px;
						color: #005fb3;
						margin: 0 0 2px 0;
						}
					.ContactUs p {
						font-size: 12px;
						}
					.ContactUs #contactus-map-container {
						width: 258px;
						height: 223px;
						background: url(../../images/images/ContactUs/contactus-map-bg.png) no-repeat;
						}
					.ContactUs #contactus-addresses-container {
						width: 258px;
						height: 253px;
						background: url(../../images/images/ContactUs/contactus-addresses-bg.png) no-repeat;
						color: #0c3362;
						}
						.ContactUs #contactus-addresses-container .Address {
							margin: 15px 0 5px 30px;
							}
							.ContactUs #contactus-addresses-container .Address .Title {
								color: #666;
								font-style: italic;
								font-weight: bold;
								}
							.ContactUs #contactus-addresses-container .Address a {
								text-decoration: underline;
								color: #0c3362;
								}
								.ContactUs #contactus-addresses-container .Address a:hover {
									color: #0053b7;
									}
					.ContactUsFormContainer {
						margin-top: 30px;
						}
						.ContactUsFormContainer dl {
								margin: 0;
							}
							.ContactUsFormContainer dt {
								width: 160px;
								float: left;
								margin-bottom: 6px;
								clear: left;
								text-align: right;
								color: #666;
								font-weight: bold;
								}
								.ContactUsFormContainer dd {
									margin-left: 170px;
									margin-bottom: 6px;
									}
							.ContactUsFormContainer p.Submit {
								margin-left: 170px;
								}
	#page-content-fade-bg {
		display: none;
		}
#footer-wrap {
	width: 879px;
	height: 75px;
	}
	#footer-content {
		background: url(../../images/images/footer-bg.jpg) repeat-x;
		margin: 0 17px 0 20px;
		width: 841px;
		height: 75px;
		}
	
	#footer-content a {
			color: #fff;
			text-decoration: none;
			}
			#footer-content a:hover {
				color: #b0d0ed;
				}
	#footer-left {
		float: left;
		color: #b0d0ed;
		font-size: 10px;
		margin: 5px 0 0 10px!important;
		}
		* html #footer-left {
			margin: 56px 0 0 -175px;
			}
	#footer-left-image {
		float: left;
		margin: 0 0 0 5px;
		}
		* html #footer-left-image {
			margin: 2px 0 0 2px;
			}
	#footer-right {
		float: right;
		color: #b0d0ed;
		font-size: 10px;
		margin: 5px 8px 0 0;
		}
		* html #footer-right {
			margin: 2px 3px 0 0;
			}
	#footer-right-image {
		float: right;
		margin: 0 0px 0 0;
		}
		* html #footer-right-image {
			margin: 2px 0px 0 0;
			}

/* END STRUCTURE */




body
{
	background: url(../../images/images/page-wrap-bg.png) repeat;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
	width: 879px;
	margin: 0 auto;
}

/** html #nonFooter
{
	height: 100%;
}*/

#footer-wrap
{
	position: relative;
	margin: -75px auto 0 auto;
}


	
/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer-wrap
{
	margin-top: -75x!important;
	margin-top: -90px;
}

#cat_selector {
	position: absolute;
	margin-top:-30px;
	margin-left:150px;
}