#nav {
	width:213px !important;
	list-style:none;
	padding:0 0 0 !important;
	margin:0 !important;
	bo2rder-top:1px solid #c8d0d0;
	background-image: url( /skin/frontend/default/pfp/images/page-nav.png );
	height: 450px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#nav li {
	width:213px;
	overflow:hidden;
	display: inline;
}
#nav a {
	display:block;
	padding:0 !important;
	width:213px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	color:#01a3e1;
	text-transform:uppercase;
	background-image: url( /skin/frontend/default/pfp/images/page-nav.png );
	background-repeat: no-repeat;
	float: left;
}

#nav .home                                                        { background-position: -215px 0;}
#nav .home:hover, #nav .active .home                              { background-position: -430px 0;}
#nav .pools                                                       { background-position: -215px -30px;}
#nav .pools:hover, #nav .active .pools                            { background-position: -430px -30px;}
#nav .hot-tubs                                                    { background-position: -215px -60px;}
#nav .hot-tubs:hover, #nav .active .hot-tubs                      { background-position: -430px -60px;}
#nav .fitness                                                     { background-position: -215px -90px;}
#nav .fitness:hover, #nav .active .fitness                        { background-position: -430px -90px;}
#nav .patio                                                       { background-position: -215px -120px;}
#nav .patio:hover, #nav .active .patio                            { background-position: -430px -120px;}
#nav .billiards                                                   { background-position: -215px -150px;}
#nav .billiards:hover, #nav .active .billiards                    { background-position: -430px -150px;}
#nav .locator                                                     { background-position: -215px -180px;}
#nav .locator:hover, #nav .active .locator                        { background-position: -430px -180px;}
#nav .brochures                                                   { background-position: -215px -210px;}
#nav .brochures:hover, #nav .active .brochures                    { background-position: -430px -210px;}
#nav .saving-zone                                                 { background-position: -215px -240px;}
#nav .saving-zone:hover, #nav .active .saving-zone                { background-position: -430px -240px;}
#nav .troubleshooting                                             { background-position: -215px -270px;}
#nav .troubleshooting:hover,#nav .active .troubleshooting         { background-position: -430px -270px;}
#nav .mail-list                                                   { background-position: -215px -300px;}
#nav .mail-list:hover, #nav .active .mail-list                    { background-position: -430px -300px;}
#nav .job                                                         { background-position: -215px -330px;}
#nav .job:hover, #nav .active .job                                { background-position: -430px -330px;}
#nav .store                                                       { background-position: -215px -360px;}
#nav .store:hover,#nav .active .store                             { background-position: -430px -360px;}
#nav .testimonials                                                { background-position: -215px -360px;}
#nav .testimonials:hover, #nav .active .testimonials              { background-position: -430px -360px;}

.home #navLogo { display: none; }
.home #nav {
	height: 538px;
	height: 428px !important;
	width: 234px;
	width: 216px !important;
	
	padding: 110px 9px 0  !important;
	
}
.home #nav, .home #nav a {
	background-image: url( /skin/frontend/default/pfp/images/home-nav.png );
}
.home #nav li {
	width:215px;
	overflow:hidden;
	margin:0;
	line-height: 0;
	display: inline !important;
}
#nav a { 
	border-bottom: 1px solid #d1d1d1;
}
.home #nav a {
	border-top: 1px solid #d1d1d1;
	border-bottom: none;
	width: 215px;
	padding:0;
	margin:0;
	line-height: 0;
}
.home #nav strong a {
	w-idth: 180px;
}
.home #nav .home, .home #nav .store, .home #nav .testimonials { display: none; }
.home #nav .pools, .home #nav .hot-tubs, .home #nav .fitness, .home #nav .patio, .home #nav .billiards, .home #nav .locator { height: 39px; }
.home #navigation {
	margin-left: 50px;
	border: none !important;
}
.home #nav .home                                                        { background-position: -235px 0;}
.home #nav .home:hover, #nav .active .home                              { background-position: -450px 0;}
.home #nav .pools                                                       { background-position: -235px -1px;}
.home #nav .pools:hover, #nav .active .pools                            { background-position: -450px -1px;}
.home #nav .hot-tubs                                                    { background-position: -235px -39px;}
.home #nav .hot-tubs:hover, #nav .active .hot-tubs                      { background-position: -450px -39px;}
.home #nav .fitness                                                     { background-position: -235px -78px;}
.home #nav .fitness:hover, #nav .active .fitness                        { background-position: -450px -78px;}
.home #nav .patio                                                       { background-position: -235px -117px;}
.home #nav .patio:hover, #nav .active .patio                            { background-position: -450px -117px;}
.home #nav .billiards                                                   { background-position: -235px -155px;}
.home #nav .billiards:hover, #nav .active .billiards                    { background-position: -450px -155px;}
.home #nav .locator                                                     { background-position: -235px -194px;}
.home #nav .locator:hover, #nav .active .locator                        { background-position: -450px -194px;}
.home #nav .brochures                                                   { background-position: -235px -234px;}
.home #nav .brochures:hover, #nav .active .brochures                    { background-position: -450px -234px;}
.home #nav .saving-zone                                                 { background-position: -235px -264px;}
.home #nav .saving-zone:hover, #nav .active .saving-zone                { background-position: -450px -264px;}
.home #nav .troubleshooting                                             { background-position: -235px -294px;}
.home #nav .troubleshooting:hover,#nav .active .troubleshooting         { background-position: -450px -294px;}
.home #nav .mail-list                                                   { background-position: -235px -324px;}
.home #nav .mail-list:hover, #nav .active .mail-list                    { background-position: -450px -324px;}
.home #nav .job                                                         { background-position: -235px -354px;}
.home #nav .job:hover, #nav .active .job                                { background-position: -450px -354px;}
.home #nav .store                                                       { background-position: -235px -360px;}
.home #nav .store:hover,#nav .active .store                             { background-position: -450px -360px;}
.home #nav .testimonials                                                { background-position: -235px -360px;}
.home #nav .testimonials:hover, #nav .active .testimonials              { background-position: -450px -360px;}

.home #nav strong .home                                                 { background-position: -665px 0;}
.home #nav strong .home:hover, #nav .active .home                       { background-position: -880px 0;}
.home #nav strong .pools                                                { background-position: -665px -1px;}
.home #nav strong .pools:hover, #nav .active .pools                     { background-position: -880px -1px;}
.home #nav strong .hot-tubs                                             { background-position: -665px -39px;}
.home #nav strong .hot-tubs:hover, #nav .active .hot-tubs               { background-position: -880px -39px;}
.home #nav strong .fitness                                              { background-position: -665px -78px;}
.home #nav strong .fitness:hover, #nav .active .fitness                 { background-position: -880px -78px;}
.home #nav strong .patio                                                { background-position: -665px -117px;}
.home #nav strong .patio:hover, #nav .active .patio                     { background-position: -880px -117px;}
.home #nav strong .billiards                                            { background-position: -665px -155px;}
.home #nav strong .billiards:hover, #nav .active .billiards             { background-position: -880px -155px;}
.home #nav strong .locator                                              { background-position: -665px -194px;}
.home #nav strong .locator:hover, #nav .active .locator                 { background-position: -880px -194px;}
.home #nav strong .brochures                                            { background-position: -665px -234px;}
.home #nav strong .brochures:hover, #nav .active .brochures             { background-position: -880px -234px;}
.home #nav strong .saving-zone                                          { background-position: -665px -264px;}
.home #nav strong .saving-zone:hover, #nav .active .saving-zone         { background-position: -880px -264px;}
.home #nav strong .troubleshooting                                      { background-position: -665px -294px;}
.home #nav strong .troubleshooting:hover,#nav .active .troubleshooting  { background-position: -880px -294px;}
.home #nav strong .mail-list                                            { background-position: -665px -324px;}
.home #nav strong .mail-list:hover, #nav .active .mail-list             { background-position: -880px -324px;}
.home #nav strong .job                                                  { background-position: -665px -354px;}
.home #nav strong .job:hover, #nav .active .job                         { background-position: -880px -354px;}
.home #nav strong .store                                                { background-position: -665px -360px;}
.home #nav strong .store:hover,#nav .active .store                      { background-position: -880px -360px;}
.home #nav strong .testimonials                                         { background-position: -665px -360px;}
.home #nav strong .testimonials:hover, #nav .active .testimonials       { background-position: -880px -360px;}








#nav .sale { display: none; height: 1; width:1; border: none !important;}
#nav strong .sale {
	display: block;
	background-image: url(/skin/frontend/default/pfp/images/page-nav-sale.png) !important;
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 28px;
	margin-left: -80px;
	float: left;
}

.home #nav strong a.sale {
	border: none !important;
	width: 40px;
	height: 38px;
	margin-left: -50px;
	float: left;
}
strong.logo a {
	display: block;
	float: none !important;
	width: 214px;
	height: 75px;
	background-color: #fff;
	background-image: url(/skin/frontend/default/pfp/images/logo.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
	padding: 12px 0;
}

/* old nav */


#navigation {
	width: 213px;
	padding-top: 0;
	margin-top: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	float: left;
}

#navLogo {
	
	width: 213px;
	height: 97px;
	background-image: url(../images/navL2_Logo.jpg);
}


#navHome {
	
}

	  #navHome a {
		  background-image: url(../images/navL2_00_home.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navHome a:hover {
				background-position: 0px -30px;
			}


#navPools {
	
}

	  #navPools a {
		  background-image: url(../images/navL2_01_pools.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navPools a:hover {
				background-position: 0px -30px;
			}
			
			
#navSpas {
	
}

	  #navSpas a {
		  background-image: url(../images/navL2_02_spas.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navSpas a:hover {
				background-position: 0px -30px;
			}
			
			
#navFitness {
	
}

	  #navFitness a {
		  background-image: url(../images/navL2_03_fitness.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navFitness a:hover {
				background-position: 0px -30px;
			}
			
			
#navPatio {
	
}

	  #navPatio a {
		  background-image: url(../images/navL2_04_patio.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navPatio a:hover {
				background-position: 0px -30px;
			}
			
			
#navBilliards {
	
}

	  #navBilliards a {
		  background-image: url(../images/navL2_05_billiards.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navBilliards a:hover {
				background-position: 0px -30px;
			}
			
			
#navLocator {
	
}

	  #navLocator a {
		  background-image: url(../images/navL2_06_locator.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navLocator a:hover {
				background-position: 0px -30px;
			}
			
			
#navBrochures {
	
}

	  #navBrochures a {
		  background-image: url(../images/navL2_07_brochures.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navBrochures a:hover {
				background-position: 0px -30px;
			}
			
			
#navSavingsZone {
	
}

	  #navSavingsZone a {
		  background-image: url(../images/navL2_08_savingsZone.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navSavingsZone a:hover {
				background-position: 0px -30px;
			}
			
			
#navTroubleshooting {
	
}

	  #navTroubleshooting a {
		  background-image: url(../images/navL2_09_troubleshooting.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navTroubleshooting a:hover {
				background-position: 0px -30px;
			}
			
			
#navMailingList {
	
}

	  #navMailingList a {
		  background-image: url(../images/navL2_10_list.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navMailingList a:hover {
				background-position: 0px -30px;
			}
			
			
#navJobs {
	
}

	  #navJobs a {
		  background-image: url(../images/navL2_11_jobs.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navJobs a:hover {
				background-position: 0px -30px;
			}
			
			
#navStore {
	
}

	  #navStore a {
		  background-image: url(../images/navL2_12_store.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navStore a:hover {
				background-position: 0px -30px;
			}
			
			
#navTestimonials {
	
}

	  #navTestimonials a {
		  background-image: url(../images/navL2_13_testimonials.jpg);
		  height: 30px;
		  width: 213px;
		  display: block;
	  }

			#navTestimonials a:hover {
				background-position: 0px -30px;
			}
			
			
#navSpacer {
	float: left;
	background-image: url(../images/navL2_btm_spacer.jpg);
	width: 213px;
	height: 24;
	display:block;
}