@charset "utf-8";

#navigation {

	background-image:url(../images/navigation/background.png);

}

	#navigation div.container {
	
		height:175px;
		position:relative;
	
	}

		#navigation #logo {

			height:81px;
			left:20px;
			position:absolute;
			text-indent:-9999px;
			top:25px;
			width:200px;

		}

		#navigation ul {

			left:10px;
			list-style:none;
			position:absolute;
			top:130px;
		
		}

			#navigation ul li {

				background:none;
				display:inline;
				float:left;
				height:45px;
				position:absolute;
				top:0px;
				z-index:0;
			
			}

			#navigation ul li.on {

				z-index:999999;
			
			}

			#navigation ul li.hover {

				z-index:999999;
			
			}

				#navigation ul li div.tab {

					overflow:hidden;

				}

					#navigation ul li div.tab a {

						display:block;
						overflow:hidden;

					}

				#navigation ul li div.options {

					background-color:#ffffff;
					background-repeat:no-repeat;
					border:#000000 solid;
					border-width:0px 1px 1px 1px;
					display:none;
					padding:6px 0px 0px 0px;
					position:absolute;
					top:44px;
					width:439px;

				}
				
				#navigation ul li.hover div.options {

					display:block;

				}

					#navigation ul li div.options div.border {
	
						border:#f1f3f4 solid;
						border-width:0px 5px 5px 5px;
						overflow:hidden;
						width:429px;
	
					}

			#navigation ul li.autocomplete {

				left:0px;
				width:221px;
			
			}

				#navigation ul li.autocomplete div.tab {

					height:45px;
					width:221px;

				}

					#navigation ul li.autocomplete div.tab form {

						background-image:url(../images/navigation/autocomplete.png);
						height:45px;
						overflow:hidden;
						padding:0px 8px 0px 0px;
						width:213px;
	
					}

						#navigation ul li.autocomplete div.tab form input {
						
							background:none;
							border:none;
							color:#ababab;
							display:inline;
							float:left;
							font-size:14px;
							height:17px;
							line-height:17px;
							padding:14px 6px 8px 30px;
							width:145px;
						
						}

						#navigation ul li.autocomplete div.tab form input.ac_input {

							background-image:url("/assets/images/icons/find.gif");
							background-position:13px 15px;
							background-repeat:no-repeat;

						}
						
						#navigation ul li.autocomplete div.tab form input.ac_loading {

							background-image:url("/assets/images/locations_widget/spinner.gif");

						}

						#navigation ul li.autocomplete div.tab form button {

							background:none;
							border:none;
							cursor:pointer;
							display:inline;
							float:right;
							height:29px;
							margin:8px 0px 0px 0px;
							padding:0px;
							text-indent:-9999px;
							width:30px;
		
						}

				#navigation ul li.autocomplete div.options {

					left:0px;
					width:219px;

				}

			#navigation ul li.home {

				left:220px;
				width:49px;
			
			}

				#navigation ul li.home div.tab {

					height:45px;
					width:49px;

				}

					#navigation ul li.home div.tab a {

						background-image:url(../images/navigation/home.png);
						height:45px;
						text-indent:-9999px;
	
					}

					#navigation ul li.home div.on a {
	
						background-position:0px -90px;
	
					}

					#navigation ul li.home div.tab a.hover {
	
						background-position:0px -45px;
	
					}

			#navigation ul li.destinations {

				left:268px;
				width:150px;
			
			}

				#navigation ul li.destinations div.tab {

					height:45px;
					width:150px;

				}

					#navigation ul li.destinations div.tab a {

						background-image:url(../images/navigation/destinations.png);
						height:45px;
						text-indent:-9999px;
	
					}

					#navigation ul li.destinations div.on a {
	
						background-position:0px -90px;
	
					}

					#navigation ul li.destinations div.tab a.hover {
	
						background-position:0px -45px;
	
					}

				#navigation ul li.destinations div.options {

					background-image:url(../images/navigation/destinations-options.png);
					left:-48px;

				}
				
					#navigation ul li.destinations div.options p {

						margin:6px 10px 0px 10px;
						padding:0px;
						text-align:center;

					}

						#navigation ul li.destinations div.options p img {
	
							border:none;

						}

			#navigation ul li.interests {

				left:417px;
				width:140px;
			
			}

				#navigation ul li.interests div.tab {

					height:45px;
					width:140px;

				}

					#navigation ul li.interests div.tab a {

						background-image:url(../images/navigation/interests.png);
						height:45px;
						text-indent:-9999px;
	
					}

					#navigation ul li.interests div.on a {
	
						background-position:0px -90px;
	
					}

					#navigation ul li.interests div.tab a.hover {
	
						background-position:0px -45px;
	
					}

				#navigation ul li.interests div.options {

					background-image:url(../images/navigation/interests-options.png);
					left:-197px;

				}
				
					#navigation ul li.interests div.options p {

						margin:10px;
						padding:0px;

					}

						#navigation ul li.interests div.options p strong {
	
							color:#637775;
	
						}

						#navigation ul li.interests div.options p strong a {
	
							color:#637775;
							font-weight:bold;
	
						}
						
						#navigation ul li.interests div.options p strong.block {
	
							display:block;
							margin:0px 0px 5px 0px;
	
						}

						#navigation ul li.interests div.options p a {
	
							color:#128bb3;
							font-weight:normal;
	
						}

					#navigation ul li.interests div.options hr {

						color:#cccccc;
						height:1px;
						margin:0px 10px;

					}

			#navigation ul li.search {

				left:556px;
				width:105px;
			
			}

				#navigation ul li.search div.tab {

					height:45px;
					width:105px;

				}

					#navigation ul li.search div.tab a {

						background-image:url(../images/navigation/search.png);
						height:45px;
						text-indent:-9999px;
	
					}

					#navigation ul li.search div.on a {
	
						background-position:0px -90px;
	
					}

					#navigation ul li.search div.tab a.hover {
	
						background-position:0px -45px;
	
					}

				#navigation ul li.search div.options {

					background-image:url(../images/navigation/search-options.png);
					left:-336px;

				}

					#navigation ul li.search div.options form fieldset {

						background:none;
						border:none;
						margin:0px;
						padding:0px;

					}

						#navigation ul li.search div.options form fieldset p {

							display:inline;
							float:left;
							margin:10px 0px 0px 10px;
							padding:0px;
							width:200px;
	
						}
	
							#navigation ul li.search div.options form fieldset p label {
		
								color:#637775;
								display:block;
								line-height:9px;
								margin:0px 0px 5px 0px;
								padding:0px;
		
							}

					#navigation ul li.search div.options form fieldset.step1 p {

						height:30px;
						width:410px;

					}

						#navigation ul li.search div.options form fieldset.step1 p input {

							background:none;
							border:#abb6bd solid 1px;
							color:#ababab;
							display:inline;
							float:left;
							font-size:14px;
							height:17px;
							line-height:17px;
							padding:5px 5px 6px 24px;
							width:378px;
	
						}

						#navigation ul li.search div.options form fieldset.step1 p input.ac_input {

							background-image:url("/assets/images/icons/find.gif");
							background-position:7px 6px;
							background-repeat:no-repeat;

						}
						
						#navigation ul li.search div.options form fieldset.step1 p input.ac_loading {

							background-image:url("/assets/images/locations_widget/spinner.gif");

						}

					#navigation ul li.search div.options form fieldset.step2 p {

						height:44px;
						position:relative;

					}

						#navigation ul li.search div.options form fieldset.step2 p input {

							border:#abb6bd solid 1px;
							bottom:0px;
							color:#ababab;
							font-size:14px;
							height:17px;
							left:0px;
							line-height:17px;
							padding:5px 5px 6px 5px;
							position:absolute;
							width:187px;
	
						}

						#navigation ul li.search div.options form fieldset.step2 p a {

							height:20px;
							position:absolute;
							right:8px;
							top:19px;
							width:16px;

						}

						#navigation ul li.search div.options form fieldset.step3 p select {

							border:#abb6bd solid 1px;
							color:#ababab;
							display:inline;
							float:left;
							font-size:14px;
							margin:0px 6px 0px 0px;
							padding:4px 5px 5px 1px;
							width:60px;
	
						}

					#navigation ul li.search div.options form fieldset.step3 p.pets {

						padding:14px 0px 0px 0px;

					}

						#navigation ul li.search div.options form fieldset.step3 p.pets input {

							height:13px;
							display:inline;
							float:left;
							margin:8px 5px 0px 0px;
							width:13px;
	
						}

						#navigation ul li.search div.options form fieldset.step3 p.pets label {

							display:inline;
							float:left;
							line-height:30px;
							margin:0px;
	
						}

					#navigation ul li.search div.options form fieldset.step4 p {

						border-top:#cccccc solid 1px;
						overflow:hidden;
						padding:10px 0px;
						width:410px;

					}

					#navigation ul li.search div.options form fieldset.step4 p button {

						background:none;
						background-image:url(../images/button_getgoing.gif);
						border:none;
						cursor:pointer;
						display:inline;
						float:right;
						height:37px;
						text-indent:-9999px;
						width:126px;

					}

			#navigation ul li.owners {

				left:660px;
				width:63px;
			
			}

				#navigation ul li.owners div.tab {

					height:33px;
					margin:12px 0px 0px 0px;
					width:63px;

				}

					#navigation ul li.owners div.tab a {

						background-image:url(../images/navigation/owners.png);
						height:33px;
						text-indent:-9999px;
	
					}

					#navigation ul li.owners div.tab a.hover {
	
						background-position:0px -33px;
	
					}

					#navigation ul li.owners div.on a {
	
						background-position:0px -66px;
	
					}

					#navigation ul li.owners div.on a {
	
						background-position:0px -66px;
	
					}

			#navigation ul li.managers {

				left:722px;
				width:133px;
			
			}

				#navigation ul li.managers div.tab {

					height:33px;
					margin:12px 0px 0px 0px;
					width:133px;

				}

					#navigation ul li.managers div.tab a {

						background-image:url(../images/navigation/managers.png);
						height:33px;
						text-indent:-9999px;
	
					}

					#navigation ul li.managers div.tab a.hover {
	
						background-position:0px -33px;
	
					}

					#navigation ul li.managers div.on a {
	
						background-position:0px -66px;
	
					}

					#navigation ul li.managers div.on a.hover {
	
						background-position:0px -66px;
	
					}

			#navigation ul li.login {

				left:854px;
				width:96px;
			
			}

				#navigation ul li.login div.tab {

					height:33px;
					margin:12px 0px 0px 0px;
					width:96px;

				}

					#navigation ul li.login div.tab a {

						background-image:url(../images/navigation/login.png);
						height:33px;
						text-indent:-9999px;
	
					}

					#navigation ul li.login div.tab a.hover {
	
						background-position:0px -33px;
	
					}

					#navigation ul li.login div.on a {
	
						background-position:0px -66px;
	
					}

					#navigation ul li.login div.on a.hover {
	
						background-position:0px -66px;
	
					}

			#navigation ul li.dashboard {

				left:854px;
				width:96px;
			
			}

				#navigation ul li.dashboard div.tab {

					height:33px;
					margin:12px 0px 0px 0px;
					width:96px;

				}

					#navigation ul li.dashboard div.tab a {

						background-image:url(../images/navigation/dashboard.png);
						height:33px;
						text-indent:-9999px;
	
					}

					#navigation ul li.dashboard div.tab a.hover {
	
						background-position:0px -33px;
	
					}

					#navigation ul li.dashboard div.on a {
	
						background-position:0px -66px;
	
					}

					#navigation ul li.dashboard div.on a.hover {
	
						background-position:0px -66px;
	
					}

		#navigation div.utility {

			line-height:32px;
			left:671px;
			position:absolute;
			text-align:right;
			top:110px;
			width:289px;
		
		}
		
			#navigation div.utility a {

				color:#142227;
				font-size:12px;
				font-weight:normal;

			}

		#navigation div.leaderboard {

			height:90px;
			left:230px;
			list-style:none;
			overflow:hidden;
			position:absolute;
			top:20px;
			width:728px;
		
		}
