@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
	background: url(/assets/images/bg.jpg) top left;
	text-align: center;
	color: #6e6451;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

a {
	text-decoration: none;
	color: #4bc7ed;
}

	a:hover {
		text-decoration: underline;	
	}
	
ul {
	list-style: none;	
}

img {
	border: 0;	
}

#CustomerReviews #main form {
	padding: 0;
	margin: 0;
	border: none;
}

blockquote {
	display: block;
	padding: 0 20px;
	width: 380px;
	color: #938c7e;
}

blockquote:before, blockquote:after {
	color: #878073;
	display: block;
	font-size: 700%;
	width: 50px;
}

blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em;
}

blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -70px;
	margin-left: 360px;
}


/*
	----------------
	WHITE BACKGROUNDS
	----------------
*/

#white {
	background: #fff;	
	padding-bottom: 160px;
	padding-left: 40px;
	padding-top: 69px;
	margin-top: 5px;
}

#CurrentOwners #white {
	background: #fff url(../images/backgrounds/flowers.gif) left no-repeat;	
}

#BeforeBuy #white {
	background: #fff url(../images/backgrounds/yellow-flowers.gif) left no-repeat;	
}

#Deals #white {
	background: #fff url(../images/backgrounds/brown-flowers.gif) left no-repeat;	
}




#subnav {
	float: left;	
	width: 215px;
}

	#subnav h2 {
		color: #0061aa;
		font-size: 20px;
		text-transform: uppercase;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
		#subnav h2 a {
			color: #0061aa;	
		}
	
		#subnav ul {
			margin: 15px 0;	
			width: 85%;
			line-height: .9em;
		}
		
			#subnav li {
				margin: 0 0 0 0;	
				padding: .5em 0;
				border-bottom: 1px dashed #d9d9d7;
			}
		
			#subnav ul a {
				color: #47a9dd;
				font-size: 12px;
			}
				
	#subnav h2 a.active {
		color: #f37135;	
	}

	#JeremySmith {
		margin-top: 60px;
		background-image: url(/assets/images/jeremy-smith.jpg);
		width: 182px;
		height: 111px;
	}
	
#at15s {
	display: none;	
}

#estimate {
	background: #fff;
	font-size: 12px;
	height: 100%;
}

	#estimateHolder {
		padding: 10px;	
	}
	
		#estimate h2 {
			font-size: 15px;
			color: #0061aa;
			padding-bottom: 17px;
			margin-bottom: 17px;
			border-bottom: 1px solid #d8d6d0;
		}
		
	
		#estimate .divFloater {
			float: left;
			margin-right: 5px;
			width: 119px;
		}
		
		#estimate .divLine {
		}
		
			#estimate input {
			}
		
	label {
		text-transform: uppercase;
	}

#main {
	width: 460px;
	float: left;
	color: #6e6451;
	font-size: 12px;
}

	#main h3 {
		font-size: 18px;	
		margin-bottom: 1em;
	}
	
	#main p {
		margin: 0 0 1em 0;	
		line-height: 1.4em;
	}
	
	#main ul {
		margin: 0 0 0 1em;	
		list-style: circle;
	}
	
	#main ol {
		margin: 0 0 0 1em;	
	}
		
		#main ul li, #main ol li {
			margin: 0 0 1em 0;
		}
		
	#main h4 {
		margin: 1.5em 0;	
		font-size: 14px;
	}
	
	#main form ul {
		list-style: none;
	}
	
	#main form li {
		display: block;
		clear: left;
		padding: 5px 0;
	}

#right {
	float: right;
	width: 222px;
	background: url(/assets/images/vertical-dots-white.jpg) top left repeat-y;
	padding-left: 25px;
	padding-bottom: 55px;
}

	#deals a {
		background-image: url(/assets/images/deals-and-financing.gif);
		width: 199px;
		height: 122px;
		margin-bottom: 9px;
	}

	#reviews a {
		background-image: url(/assets/images/promos/customer-reviews.gif);
		width: 199px;
		height: 142px;
		margin-bottom: 9px;
	}

	#sidegallery a {
		background-image: url(/assets/images/promos/gallery.gif);
		width: 199px;
		height: 162px;
		margin-bottom: 9px;
	}

	#beforeBuy a {
		background-image: url(/assets/images/before-you-buy.gif);	
		width: 199px;
		height: 134px;
		margin-bottom: 18px;
	}
	
	#callUs {
		background-image: url(/assets/images/call-us-today-480-345-0005.gif);
		width: 199px;
		height: 42px;
	}

#container {
	width: 1016px;	
	margin: 0 auto;
	text-align: left;
	position: relative;
}
	
	#header {
		position: relative;
		z-index: 800;
	}
	
		#header h1 a {
			background-image: url(/assets/images/california-pools.png);
			width: 253px;
			height: 124px;
			margin-left: 15px;
		}
		
		#header ul {
			list-style: none;
		}
		
			#header li {
				float: left;
				margin-right: 5px;
			}
	
	#topNav {
		font-size: 11px;
		position: absolute;
		right: 0;
		top: 10px;
		color: #4bc7ed;
	}
	
		#topNav li {
			list-style: url(/assets/images/topnav-line.gif) outside;
			padding-right: 5px;
			line-height: 13px;
		}
		
			#topNav li.first {
				list-style: none;
			}
	
		#topNav a {
			padding: 10px;	
		}
	
#nav {
	position: absolute;
	right: 0;
	top: 50px;
	color: #0061aa;
	font-size: 17px;
	text-transform: uppercase;
}
	#nav a {
		color: #0061aa;
	}

	#nav li {
		list-style: url(/assets/images/flower-bullet.gif) outside;
		padding-right: 15px;
		padding-left: 8px;
		margin-left: 18px;
		line-height: 24px;
		position: relative;
	}
	
		#nav li.first {
			list-style: none;
		}
		
		#nav ul {
			margin: 0;
			padding: 0;
			position: absolute;
			top: 22px;
			padding: 10px;
			background: #f5f0e2;
			font-size: 12px;
			color: #6e6451;
			display: none;
			left: 0;
		}
	
			#nav ul a {
				color: #6e6451;
				text-transform: none;
				white-space: nowrap;
			}
			
				#nav ul a:hover {
					text-decoration: none;
					color: #4bc7ed;
				}
			
			#nav ul li {
				padding: 0;
				margin: 0;
				float: none;
				display: block;
			}
		
			#nav li:hover ul {
				display: block;	
			}
		
			
			
#content {
	position: absolute;
	top: 77px;
	left: 0;
}

	#promos {
		position: absolute;
		top: 436px;
		left: 41px;
		width: 100%;
	}
	
		#Home #freeEstimate {
			background-image: url(/assets/images/promo-get-a-free-estimate-rvs.png);
			width: 357px;
			height: 146px;
			margin-bottom: 8px;
			float: left;
		}
		
		#testimonials {
			background-image: url(/assets/images/promo-testimonials.png);
			width: 357px;
			height: 124px;
			float: left;
		}
		
		#homeGallery {
			background: url(/assets/images/promo-gallery.png) top left no-repeat;
			width: 540px;
			height: 256px;
			float: right;
			margin-right: 80px;
		}
		
			#homeGallery ul {
				margin-left: 35px;
				margin-top: 55px;
			}
			
				#homeGallery li {
					float: left;
					margin-right: 8px;
					margin-bottom: 8px;
				}

	#holder {
		height: 586px;
		width: 992px;
	}
	
		#holder img {
			position: absolute;
			top: 0;
			left: 0;
		}
	
	
	#overlay {
		width: 992px;
		height: 114px;
		background: url(/assets/images/fade-bottom.png) bottom left no-repeat;
		margin-top: -114px;
		clear: both;
		position: relative;
	}
	
	
	#nums {
		position: absolute;
		top: 272px;
		left: -20px;
	}
	
			#nums li a {
				color: #fff;	
				background: url(../images/num-bg.png);	
				display: block;
				width: 43px;
				height: 27px;
				text-align: center;
				font-size: 11px;
				line-height: 24px;
				margin: 0 0 0 0;
				padding: 0;
			}
			
				#nums li a.active, #nums li a:hover {
					background-position: bottom;	
					text-decoration: none;
				}
				
	

#main #galleryList {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#galleryList li {
		float: left;
		width: 199px;
		padding-right: 26px;
		padding-bottom: 15px;
		font-size: 12px;
	}
	
	#galleryList div {
		color: #fff;
		padding: 5px;
		background: #4bc7ed;	
	}

#footer {
	font-size: 12px;
	line-height: 16px;
	clear: both;
	margin-left: 40px;
	margin-top: 0;
}

	#Home #footer {
		margin-top: 150px;
	}

	#footer ul {
		clear: both;
		margin: 5px 0;
		font-size: 11px;
	}
		
		#footer li a {
			margin: 0; 
			padding: 0;
			color: #6e6451;	
		}
		
		#footer .facebook a { background-image: url(/assets/images/facebook-large.gif); }
		#footer .twitter a { background-image: url(/assets/images/twitter-large.gif); }
		#footer .flickr a { background-image: url(/assets/images/flickr-large.gif); }
		#footer .addthis_button_compact { background-image: url(/assets/images/share-large.gif); }
		#footer .blog a { background-image: url(/assets/images/blog-large.gif); }
		#footer .totallyhayward a { background-image: url(/assets/images/hayward-logo.png); background-repeat: no-repeat; background-position: top left; width: 100px; height:16px; display: block; text-indent: -9999px; outline: none;}





	#footer #social {
		clear: right;	
		height: 80px;
	}

		#footer #social a{
			padding-top: 56px;
			background-position: top left;
			display: block;
			font-size: 12px;
			background-repeat: no-repeat;
		}
		
		#footer #social .addthis_toolbox a {
			padding-left: 2px;
		}
		
		.addthis_toolbox span {
			display: none;	
		}
	

		#footer #social li, .addthis_toolbox a {
			float: left;
			width: 85px;
			overflow: hidden;
		}
	
	.column {
		float: left;
		margin-right: 30px;
		width: 150px;
	}
	
		.new {
			clear: both;	
		}
	
	#footer .left { float: left; }
		
	#footer .right {
		float: left;
		background: url(/assets/images/vertical-dots.gif) left 28px no-repeat;
		padding-left: 20px;
		padding-top: 30px;
	}
		
		form {
			background: #fff;
			padding: 10px;
			border: 1px solid #dbd8d3;
			font-size: 11px;
		}
		
		#footer form {
			width: 340px; width/**/:/**/ 320px;	
		}

		form ul {
			margin: 0;	
		}
		
		form li {
			padding: 0;	
			margin: 7px 0 8px 0;
		}
		
		form li label {
			display: block;
			float: left;
			text-transform: uppercase;
			font: 9px/12px Georgia, "Times New Roman", Times, serif;
			color: #6e6451;
			width: 58px;
			margin-right: 5px;
		}
		
		form li input {
			background-color: #e6e6e5;
			font: 11px/12px Georgia, "Times New Roman", Times, serif;
			color: #6e6451;
			float: left;
			padding: 2px;
		}
		
		form li .split1 {
			float: left;
			margin-right: 20px;
		}
		
		form li .split2 {
			float: left;	
		}
		
		form li .split1 input {
			width: 51px;	
		}
		
		form li .split2 input {
			width: 95px;	
		}
		
		form li .split2 label {
			width: 70px;	
		}
		
		form input, textarea {
			background: #e6e6e5;
			border: none;
			padding: 3px;
		}
		
		textarea {
			height: 4em;
		}
			
			.right input {
				width: 249px;
			}
			
			#reportCard input, #reportCard textarea {
				width: 100%;
			}
			
			#estimate input {
				width: 140px;	
			}
			
			#estimate textarea {
				width: 200px;	
			}
		
		form input.submit, #estimate form .submit, #submitButton {
			width: 55px; 
			height: 22px; 
			background: transparent url(/assets/images/submit-button.gif) no-repeat 0 0; 
			border: 0; 
			margin: 1px 0 0 5px; 
			padding: inherit;
			cursor: pointer;
			cursor: hand; /* for IE 5.x */
			padding: 22px 0 0;
			overflow: hidden;
		}
		
		form input.clear, #estimate input.clear, #clearButton {
			width: 55px; 
			height: 22px; 
			background: transparent url(/assets/images/clear-button.gif) no-repeat 0 0; 
			border: 0; 
			margin: 1px 0 0 0; 
			padding: inherit;
			cursor: pointer;
			padding: 22px 0 0;
			overflow: hidden;
		}
		
		form p {
			float: right;
			text-align: left;
			width: 185px;
		}
		
		#commentform p { float: none; }
		
		#info {
			margin-top: 15px;
			background-image: url(/assets/images/info-at-calpool-dot-com.gif);
			width: 221px;
			height: 44px;
		}
		
		.right a {
			color: #0061aa;
			text-decoration: underline;
		}

#burst {
	background-image: url(../images/homepage-promo/your-total.png);
	width: 206px;
	height: 206px;
	position: absolute;
	top: 50px;
	left: 30px;
}


#box {
	width: 455px;
	height: 310px;
	background: url(../images/loading.gif) no-repeat;
	background-position: center;
}

#Img {
	position: relative;
	top: 0;
	left: 0;
}

#ID {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: #0061aa;
	color: #fff;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}	
		
p.first {
	font-size: 16px;
}



/*
	------------------
	HEADER IMAGES
	------------------
*/
	
#CurrentOwners.home #main h3 {
	background: url(../images/headers/for-current-owners.jpg) bottom left no-repeat;
	padding-bottom: 180px;
}

#CurrentOwners.home #main {
	padding-bottom: 90px;
	background:url(../images/if-theres-anything-we-can-do.gif) bottom no-repeat;
}
		
#BeforeBuy.home #main h3 {
	background: url(../images/headers/before-you-buy.jpg) bottom left no-repeat;
	padding-bottom: 220px;
}
		
#Contact.home #main h3 {
	background: url(../images/headers/contact.jpg) bottom left no-repeat;
	padding-bottom: 240px;
}
		
#About.home #main h3 {
	background: url(../images/headers/about-us.jpg) bottom left no-repeat;
	padding-bottom: 170px;
}


/*
	------------------
	SPASH ITEMS
	------------------
*/


#forAFree {
	background-image: url(../images/for-a-free-in-home-or-job-site-estimate.gif);
	width: 423px;
	height: 110px;
}

#helpWithFinancing {
	background-image: url(../images/we-help-with-finance-options.gif);
	width: 423px;
	height: 110px;
}

ul#brochureList {
	padding: 0; 
	margin: 0;	
}

#brochureList li {
	margin: 0; padding: 0;
	list-style: none;	
}

#calpoolBrochure {
	display: block;
	background: url(../images/calpoolbrochure.gif) top left no-repeat;
	padding-top: 135px;
}

#calpoolProcess {
	display: block;
	background: url(../images/calpoolprocess.jpg) top left no-repeat;
	padding-top: 145px;
}


/*
	------------------
	GALLERY
	------------------
*/

#imgGallery {
	clear: both;
	margin: 10px 0 10px -22px;
	width: 501px;
}

	#imgGallery .arrow {
		line-height: 112px;
	}
	
	#imgGallery img {
	}
	
	#imgGallery .active img {
	}
	
	#imgHolder {
		height: 68px;
		width: 455px;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
		#imgHolder a {
			float: none;	
		}
	
		#imgGallery ul {
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			list-style: none;
			padding: 0; margin: 0;
		}
	
			#imgGallery li {
				width: 78px;
				height: 68px;
				float: left;
				padding: 0; margin: 0;
			}
			
				#imgHolder img {
					float: none;	
				}
		
		a.arrow {
			float: left;
			height: 61px;
			width: 22px;
		}
		
		#leftArrow {
			background-position: left;
			background-image: url(../images/left-arrow.gif);	
		}
		
		#rightArrow {
			background-image: url(../images/right-arrow.gif);
			background-position: right;	
		}


			
#About #navAboutUs,
#Deals #navDeals,
#BeforeBuy #navBeforeBuy,
#Blog #navBlog,
#Contact #navContact,
#CustomerReviews #navCustomerReviews,
#CurrentOwners #navCurrentOwners,
#Careers #navCareers,
#Gallery #navGallery,
#CurrentOwners #navForCurrentOwners,
#About.home #subnavAboutUs,
#Deals.home #subnavDeals,
#BeforeBuy.home #subnavBeforeYouBuy,
#Blog.home #subnavBlog,
#Contact.home #subnavContact,
#CustomerReviews.home #subnavReviews,
#CurrentOwners.home #subnavCurrentOwners,
#Careers.home #subnavCareers,
#Gallery.home #subnavGallery,
#CurrentOwners.home #subnavForCurrentOwners,
#Blog #subnavBlog,
.buildingProcess #navBuildingProcess,
.ownersmanual #navOwnersManual,
.brochure #navBrochure,
.information #navInformation,
.gogreen #navGoGreen,
.currentspecials #navCurrentSpecials,
.financing #navFinancing,
.ownersmanual #navOwnersManual,
.caring #navCaring,
.faq #navFAQ,
.customerservice #navCustomerService,
.request #navRequest,
.warranty #navWarranty,
.where #navWhere,
.why #navWhy, 
.trusted #navTrusted, 
.history #navHistory, 
.aboutsub #navAboutSub,
.formal #navFormal, 
.freeform #navFreeform, 
.favorites #navFavorites, 
.remodels #navRemodels, 
.catalog #navCatalog, 
.spas #navSpas, 
.upload #navUploads, 
.water #navWater,
.ourfavorites #navOurFavorites,
.archive #navArchive,
.submityourown #navSubmitYourOwn,
.past #navPast, .special #navSpecial, .commercialpools #navCommercialpools  {
	color: #f37135;
}


	
/*

			Estimate Pop-up
			
*/

body#estimate div#container {
	padding: 20px;
	width: 386px; width/**/:/**/ 346px;
	background-color: #fff;
}

#estimate #container h3 {
	text-indent: -9999px;
	display: block;
	width: 341px;
	height: 75px;
	background: #fff url(/assets/images/estimate_hdr.png) top left no-repeat;
}

#estimate #container p {
	border-top: 1px solid #d7d4d0;
	margin: 17px 0; padding-top: 16px;
}
	
		#footer .right h3, #estimate.intPop #container h3 {
			background-image: url(/assets/images/sign-up-for-special-offers.gif);
			width: 180px;
			height: 10px;
			margin-bottom: 10px;
		}


/* 

	utility classes 
	
*/

.error {
	padding: 2px;
	background: #FFC;
}

.clear {
	clear: both;	
}

.clearfix:after,
#footer .right form li:after,
#estimate #container form li:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}

.replaced {
	text-indent: -9999px;
	outline: none;
	display: block;
	background-repeat: no-repeat;
}