/*
Company:	Atterotech
File:		nav.css - This contains all the navigation styles for the website.

All the styles are separted into the following groups:
Nav - navigation bar
*/

/* @group Nav */
	/* Sitewide Navigation */
		/* SiteNav Links */
			div#nav {
				position: absolute;
				top: 46px;
				left: -146px;
			}
			
			div#nav ul {margin: 0;}
			div#nav ul li  {list-style: none;}
			
			div#nav ul li a:link, div#nav ul li a:visited {
				display: block;
				width: 123px;
				height: 34px;
				line-height: 33px;
				background: url(/images/nav/bg-nav-sitenav.png) no-repeat 0 0;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-decoration: none;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
	
			div#nav ul li a:link span, div#nav ul li a:visited span {
				padding: 5px 0 5px 45px;
				background-position: 9px 0;
				background-repeat: no-repeat;
			}
			
			div#nav ul li a:hover {background-position: 0 -34px;}
	
			div#nav ul li#home a:link span, div#nav ul li#home a:visited span {background-image: url(/images/nav/bg-nav-home.png);}
			div#nav ul li#cobranet a:link span, div#nav ul li#cobranet a:visited span {background-image: url(/images/nav/bg-nav-cobranet.png);}
			div#nav ul li#about-us a:link span, div#nav ul li#about-us a:visited span {background-image: url(/images/nav/bg-nav-about-us.png);}
			div#nav ul li#contact a:link span, div#nav ul li#contact a:visited span {background-image: url(/images/nav/bg-nav-contact.png);}
			div#nav ul li#find-a-rep a:link span, div#nav ul li#find-a-rep a:visited span {background-image: url(/images/nav/bg-nav-find-a-rep.png);}
			div#nav ul li#partners a:link span, div#nav ul li#partners a:visited span {background-image: url(/images/nav/bg-nav-partners.png);}
			div#nav ul li#blog a:link span, div#nav ul li#blog a:visited span {background-image: url(/images/nav/bg-nav-blog.png);}
			div#nav ul li#products a:link span, div#nav ul li#products a:visited span {background-image: url(/images/nav/bg-nav-products.png);}
			div#nav ul li#downloads a:link span, div#nav ul li#downloads a:visited span {background-image: url(/images/nav/bg-nav-downloads.png);}
			div#nav ul li#sales-channel a:link span, div#nav ul li#sales-channel a:visited span {background-image: url(/images/nav/bg-nav-login.png);}
			div#nav ul li#attero-design a:link span, div#nav ul li#attero-design a:visited span {background-image: url(/images/nav/bg-nav-attero-design.png);}
			
			/* Box tabs (aka Mike's blurb) */
			div.box-tab-start {
				width: 123px;
				height: 5px;
				background: url(/images/nav/bg-nav-sitenav-mikes-blurb-start.png) no-repeat 0 0;
			}
			
			div.box-tab-end {
				width: 123px;
				height: 8px;
				background: url(/images/nav/bg-nav-sitenav-mikes-blurb-end.png) no-repeat 0 0;
			}
			
			div.box-tab-middle {
				width: 118px;
				padding: 5px 0 5px 5px;
				background: #000;
				color: #FFF;
			}
			
			div.box-tab-middle p {
				padding: 10px 0px 0px 0px;
			}

			div.crosslink p {
				color: #f58425;
			}

			div.crosslink p:hover {
				color: white;
			}
		
		/* SiteNav Icons */
			body.home li#home a:link, body.home li#home a:visited,
			body.cobranet li#cobranet a:link, body.cobranet li#cobranet a:visited,
			body.about-us li#about-us a:link, body.about-us li#about-us a:visited,
			body.contact li#contact a:link, body.contact li#contact a:visited,
			body.find-a-rep li#find-a-rep a:link, body.find-a-rep li#find-a-rep a:visited,
			body.products li#products a:link, body.products li#products a:visited,
			body.downloads li#downloads a:link, body.downloads li#downloads a:visited,
			body.sales-channel li#sales-channel a:link, body.sales-channel li#sales-channel a:visited,
			body.partners li#partners a:link, body.partners li#partners a:visited {
				color: #F68425; cursor: default; background-position: 0 0;
			}
			
			body.home li#home a:link span, body.home li#home a:visited span,
			body.cobranet li#cobranet a:link span, body.cobranet li#cobranet a:visited span,
			body.about-us li#about-us a:link span, body.about-us li#about-us a:visited span,
			body.contact li#contact a:link span, body.contact li#contact a:visited span,
			body.find-a-rep li#find-a-rep a:link span, body.find-a-rep li#find-a-rep a:visited span,
			body.products li#products a:link span, body.products li#products a:visited span,
			body.downloads li#downloads a:link span, body.downloads li#downloads a:visited span,
			body.sales-channel li#sales-channel a:link span, body.sales-channel li#sales-channel a:visited span,
			body.partners li#partners a:link span, body.partners li#partners a:visited span {
				background-position: 9px -34px !important;
			}

	/* Homepage Carousel */
		/* Carousel Container */
			div.carousel {
				padding: 0 18px 0 19px;
				position: relative;
				margin: 31px 0 18px 0;
			}
			
		/* Carousel Next and Previous Buttons */
			div.carousel a.prev, div.carousel a.next {
				display: block;
				width: 19px;
				height: 32px;
				text-indent: -9999px;
				position: absolute;
				top: 162px;
				background-position: top left;
				background-repeat: no-repeat;
			}

			div.carousel a.prev {
				background-image: url(/images/bg-prev.gif);
				left: 0;
			}

			div.carousel a.next {
				background-image: url(/images/bg-next.gif);
				right: 0;
			}

			div.carousel a.prev:hover, div.carousel a.next:hover {
				background-position: bottom left;
			}

		/* Carousel Navigation */
			ul#carousel-nav {
				margin: 0;
				height: 38px;
			}
			
			ul#carousel-nav li {
				float: left;
				list-style: none;
			}
			
			ul#carousel-nav li a:link, ul#carousel-nav li a:visited {
				display: block;
				height: 38px;
				text-indent: -9999px;
			}
		
		/* Carousel Link Dimensions */
			ul#carousel-nav li.av-products a:link, ul#carousel-nav li.av-products a:visited {width: 286px;}
		
		/* Carousel Navigation Sprite States */
			div.carousel ul {
				background-image: url(/images/nav/bg-carousel-nav.png);
				background-repeat: no-repeat;
				background-color: transparent;
			}
			
			ul.av-on-no-hover {background-position: 0 0;}
			
			ul.av-on-av-hover {background-position: 0 -76px;}
		
		/* Carousel Slide Frame */
			div.slide-frame {
				background: url(/images/bg-slide-tile.gif) top left repeat-y;
				height: 1%;
			}
			
			div.slide-frame-inner {
				background: url(/images/bg-slide-top.gif) top left no-repeat;
				height: 1%;
			}
			
			div.slide-frame-inner-most {
				background: url(/images/bg-slide-bottom.gif) bottom left no-repeat;
				padding: 31px 20px 29px 28px;
				height: 1%;
			}
			
			
			div.slide-frame-inner-most .hide-slide {
				display: none;
			}
			
			div.slide-frame-inner-most .show-slide {
				display: block;
			}
		
		/* Carousel Frame Elements */
			/* Slide Product Photo Container */
				div.product-photo-container {
					float: left;
					width: 147px;
				}
				
				/* Slide Product Description */
				div.product-description {
					width: 513px;
					float: left;
				}
				
				div.product-description p {
					font-size: 93%;
					line-height: 1.8em;
				}
				
				div.product-description h2 {
					margin: 0 0 10px 0;
					font-size: 123.1%;
				}
			
			/* Carousel Product Continue Link Style */
				span.carousel-continue a:link, span.carousel-continue a:visited {
					font-size: 108%;
					font-weight: bold;
					float: right;
					padding: 0 27px 0 0;
				}

	/* Content Page Navigation */
		/* Section Tabs */
			/* Mini Tab Nav */
				div#mini-tab-nav {
					float: right;
					width: 204px;
					position: relative;
					top: 1px;
					margin: 20px 0 0 0;
				}
				
				div#mini-tab-nav ul {
					margin: 0;
					float: right;
					width: 204px;
				}
				
				div#mini-tab-nav ul li {
					list-style: none;
					float: left;
				}
				
				div#mini-tab-nav ul li a:link, div#mini-tab-nav ul li a:visited {
					display: block;
					height: 28px;
					text-indent: -9999px;
				}
			
			/* Mini Tab Nav Link Dimensions */
				div#mini-tab-nav ul li.mini-av a:link, div#mini-tab-nav ul li.mini-av a:visited {width: 151px;}
			
			/* Mini Tab Nav Sprite States */
				div#mini-tab-nav ul.mini-av-on-no-hover {background: url(/images/bg-mini-tab-nav.png) top left no-repeat;}
				div#mini-tab-nav ul.mini-av-on-av-hover {background: url(/images/bg-mini-tab-nav.png) 0 -28px no-repeat;}
				
				div#mini-tab-nav ul.mini-not-on-no-hover {background: url(/images/bg-mini-tab-nav.png) 0 -56px no-repeat;}
				div#mini-tab-nav ul.mini-not-on-av-hover {background: url(/images/bg-mini-tab-nav.png) 0 -28px no-repeat;}
			
		/* Breadcrumb */
			div.breadcrumb {margin: 0 0 14px 0; position: absolute;}
				.oem .breadcrumb, .av .breadcrumb, .background-title .breadcrumb {position: inherit;}
				.background-title .breadcrumb {margin-top: -12px;}
			div.breadcrumb ul {margin: 0; display: inline;}
			
			div.breadcrumb ul li {
				float: left;
				list-style: none;
				font-size: 77%;
				background: url(/images/nav/bg-breadcrumb.gif) center right no-repeat;
				padding: 0 11px 0 0;
				margin: 0 7px 0 0;
			}
			
			div.breadcrumb ul li.last {
				background: none;
				padding: 0;
				margin: 0;
			}
		
		/* Content Swapper */
			div.content-swapper ul {
				float: right;
				margin: 0;
				padding: 0 45px 0 0;
			}
			
			div.content-swapper ul li {
				float: left;
				list-style: none;
				background: url(/images/nav/bg-content-swapper.gif) center right no-repeat;
				padding: 0 11px 0 0;
				margin: 0 10px 0 0;
				font-size: 108%;
				font-weight: bold;
			}
			
			div.content-swapper ul li.last {
				padding: 0;
				margin: 0;
				background: none;
			}
			
			div.content-swapper ul li a:link, div.content-swapper ul li a:visited {font-weight: normal;}
			body.overview-on div.content-swapper ul li a.show-overview:link,
			body.overview-on div.content-swapper ul li a.show-overview:visited,
			body.details-on div.content-swapper ul li a.show-details:link,
			body.details-on div.content-swapper ul li a.show-details:visited {
				color: #000;
				font-weight: bold;
				text-decoration: none;
			}
	
		/* Product Splash Page Nav */
			.product-splash-nav div {
				text-align: center;
				float: left;
				width: 170px;
				padding-bottom: 10px;
			}
			
			.product-splash-nav div.row {
				width: auto;
				padding-bottom: 30px;
			}
			
			.product-splash-nav a:link h3, .product-splash-nav a:visited h3 {
				font-weight: bold;
				font-size: 140%;
				text-decoration: none;
				margin: 5px;
				text-align: center;
			}
			
			.product-splash-nav div ul {
				text-align: left;
				margin: 0 5px 0 10px;
			}
			
			.product-splash-nav li {
				list-style: none;
				font-size: 88%;
				color: #333;
				text-decoration: none;
			}
			
			.product-splash-nav a:hover h3 {
				text-decoration: underline;
			}
			
			.product-splash-nav a:hover li {
				color: #444;
			}
			
			.product-splash-nav-three div {
				text-align: center;
				float: left;
				width: 220px;
				padding-bottom: 10px;
			}
			
			.product-splash-nav-three div.row {
				width: auto;
				padding-bottom: 30px;
			}
			
			.product-splash-nav-three a:link h3, .product-splash-nav-three a:visited h3 {
				font-weight: bold;
				font-size: 140%;
				text-decoration: none;
				margin: 5px;
				text-align: center;
			}
			
			.product-splash-nav-three div ul {
				text-align: left;
				margin: 0 5px 0 10px;
			}
			
			.product-splash-nav-three li {
				list-style: none;
				font-size: 88%;
				color: #333;
				text-decoration: none;
			}
			
			.product-splash-nav-three a:hover h3 {
				text-decoration: underline;
			}
			
			.product-splash-nav-three a:hover li {
				color: #444;
			}

		/* Detail Page SubNav */
			div#subnav {
				width: 177px;
				float: left;
				margin: 0 20px 0 0;
				border: 1px solid #120e0c;
				border-bottom: 0;
				clear: left;
				background-color: #E9E8E8;
				background-repeat: no-repeat;
				background-position: center 13px;
				position: relative;
				z-index: 2;
				padding-top: 33px;
			}

			.av div#subnav {background-image: url(/images/nav/bg-av-subnav.gif);}
			.oem div#subnav {background-image: url(/images/nav/bg-oem-subnav.gif);}
			.eng div#subnav {background-image: url(/images/nav/bg-eng-subnav.gif);}
			#cobranet div#subnav {background-image: url(/images/nav/bg-cnet-subnav.gif);}

			div#subnav h1 {
				margin: 0;
				font-size: 1px;
				color: #E9E8E8;
				position: absolute;
				top: 3px;
				z-index:
			}
			
			div#subnav ul {
				margin: 0;
				border-top: 1px solid #120e0c;
				font-size: 108%;
			}
			
			div#subnav ul li {
				list-style: none;
				position: relative;
				border-bottom: 1px solid #120e0c;
			}
			
			div#subnav ul li.list-index {text-transform: uppercase;}
			
			div#subnav ul li a:link, div#subnav ul li a:visited {
				display: block;
				height: 1%;
				text-align: center;
				text-decoration: none;
				color: #202020;
				padding: 10px 0 8px 0;;
			}

			div#subnav ul li a:hover {
				color: #f68425;
			}

			body.subnav1 div#subnav ul li.snav-1 a,
			body.subnav2 div#subnav ul li.snav-2 a,
			body.subnav3 div#subnav ul li.snav-3 a,
			body.subnav4 div#subnav ul li.snav-4 a,
			body.subnav5 div#subnav ul li.snav-5 a,
			body.subnav6 div#subnav ul li.snav-6 a,
			body.subnav7 div#subnav ul li.snav-7 a,
			body.subnav8 div#subnav ul li.snav-8 a,
			body.subnav9 div#subnav ul li.snav-9 a,
			body.subnav10 div#subnav ul li.snav-10 a,
			body.subnav11 div#subnav ul li.snav-11 a,
			body.subnav12 div#subnav ul li.snav-12 a,
			body.subnav0 div#subnav ul li.snav-0 a {
				background-color: #f68425;
				color: #ffffff;
				cursor: default;
			}
			
			div#subnav ul li.buy-btn {
				/*position: absolute;*/
				background-color: white;
			}

			div a.buy-btn {
				/*position: absolute;*/
				top: 15px;
				left: 21px;
				background-repeat: no-repeat;
				background-image: url(/images/nav/bg-buy-now-btn.png);
				background-position: 0 3px;
				padding: 0 67px 97px 66px;
				font-size: 1px;
				color: white;
				float: left;
				clear: left;
			}
			div a.buy-btn:hover { background-position: 0 -94px; }

		/* Engineering Page Header */
			.background-title div#subnav { position: absolute; top: 28px; left: 33px; padding-top: 47px;
				box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;}

	/* Content Page Navigation */
		#contact iframe {
			float: right;
			border: solid 1px #000;
			margin-top: 25px;
			height: 310px;
			width: 425px;
		}

	/* Store */
		.storeitem {padding-top: 25px; background: url("/images/hr-soft.png") no-repeat center 10px; clear: both;}
		.storeitem img {float:left; margin-right: 15px;}
		.storeitem fieldset legend {}
		.storeitem fieldset p {margin-bottom: 5px;}
		.storeitem fieldset p.comeswith {font-size: 85%; font-style: italic; margin-bottom: 10px;}
		.storeitem fieldset p.form {text-align: right;}
		.storeitem fieldset p span.price {font-size: 175%;}
		.storeitem fieldset label {margin-left: 35px; font-size: 80%}
		.storeitem fieldset input {margin-right: 25px;}
		.storeitem fieldset input.submit { position:relative; top: 5px;}

	/* LightBox */
		.lightbox img {padding: 10px 0 25px;}
		#zoom_content img {padding-bottom: 5px;}
		#zoom_content h4, #zoom_content p {display: inline; font-size: 100%;}
		#zoom_content div {clear: both; margin: 25px; background-color: none; float: left;}

	/* Google Embedded Map */
		iframe {height: 300px; width: 440px; margin-left: 25px;}
/* @end */