/*
	File:	Navigation Control CSS
	Site:	Baby Gear
	Date:	June 2007
	Author:	Eric Shepherd
*/

/* NAVIGATION */

#navigation {
	text-align: center;
	padding-bottom: 215px; /* for the baby */
	font-size: 110%;
    
}

body.landing #navigation {
	padding-bottom: 55px;
    
}

	#navigation a {
		text-decoration: none;
	}

#main-nav {
	text-transform: lowercase;
    
	   
}

	#main-nav li {
		border: 1px solid #a4947f;
		margin: .2em 0;
		background: #f4eadd;
	}

		#main-nav li a,
		#main-nav li span {
			border-left: 8px solid #c8896e;
			display: block;
			font-family: "helvetica narrow", "arial narrow", helvetica, arial, sans-serif;
		}
		
		#main-nav li#nav-bouncers a,
		#main-nav li#nav-monitors a,
		#main-nav li#nav-highchairs a,
		#main-nav li#nav-swings a,
		#main-nav li#nav-tubsandpotties a,
		#main-nav li#nav-firsttoys a,
		#main-nav li#nav-carriers a
		
		 {
		
		    padding-top: 9px;
		    height: 29px;
		
		}
		
		#main-nav li#nav-boosterseats a,
		#main-nav li#nav-entertainers a
		 {
		
		    padding-top: 3px;
		    height: 35px;
		
		}
		
			#main-nav li a:hover,
			#main-nav li.active a,
			#main-nav li span {
				border-color: #4f3b1f;
				background: #674d29;
				color: #fff;
			}

		body.landing #main-nav {
			margin-top: 10px;
        
		}

			body.landing #main-nav li {
				width: 38%;
                height: 37px;
              	float: left;
				margin-left: 6%;
			}
				
			body.landing #main-nav li#nav-rainforest {
				margin-left: 85px;
			}


	/* TODO: isolate this to the specific.css file? will rainforest be like this in both us and localized sites if it's a separate nav item?? */

	#main-nav li#nav-rainforest {
		border: 0;
		background: transparent;
		margin-top: 20px;
	}

		#main-nav li#nav-rainforest a,
		#main-nav li#nav-rainforest span {
			background: url(/content/v5/es/babygear/img/nav-rainforest.gif) no-repeat center top;
			border: 0;
			padding: 0;
			width: 130px;
			height: 45px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
	body.landing #main-nav li#nav-rainforest {
		margin-top: 5px;
	}

#utility-nav {
	
}

	#utility-nav li {
		margin: .6em 0;
		font-size: .8em;
	}
	
		#utility-nav li a {
			font-weight: bold;
		}

		#utility-nav li#nav-mattel a {
			border: 1px solid #88c2f8;
			background: #84a4da;
			color: #fff;
			display: block;
			padding: .2em;
		}
		
			#utility-nav li#nav-mattel a:hover {
				background: #0167bf;
			}
<!--/* 0.0122603904345084 [10.89.198.134] */-->