/* Pacific Pools */

* { margin: 0; padding: 0; }
a img { border: 0; background: transparent; }
fieldset { border: 0; }

/* body styles */

body { 
	font-family: Arial, sans-serif;
	color: #666; 
	font-size: 76%;
	text-align: center;
	background-color: #333;
	margin: 0; 
	padding: 0;
}

/* wrap*/

#container { 
	background: #333 url(images/background.jpg) repeat scroll 0 0;
}
#wrap { 
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 691px;
	z-index: 100;
	position: relative;
}
#contentwrap { 
	padding: 0 5px 5px 6px;
	background: #fff;
	width: 654px;
	border-left: 13px solid #00AAC3;
	border-right: 13px solid #00AAC3;
}

/* header */

#header {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 691px;
}

/* content */

#content { 
	float: left;
	text-align: left;
	width: 323px;
}
#content_flash {
	padding-top: 10px;
	text-align: left;
	width: 642px;
}
#content_full {
	padding: 20px 15px 0 10px;
	text-align: left;
	width: 642px;
}
#content_full h2 { 
	color: #00aac3;
	font-size: 130%;
}
#content_full p { 
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
	color: #999;
	font-size: 94%;
	line-height: 1.5;
}
#content_full ul { 
	list-style-type: disc;
	margin: 5px 0 10px 0;
}
#content_full ol { 
	margin: 5px 0 10px 0;
}
#content_full li { 
	color: #999;
	font-size: 94%;
	margin-left: 30px;
	line-height: 1.5;
}
#content_full a:link { 
	color: #06C;
}
#content_full a:visited { 
	color: #06C;
}
#content_full a:hover { 
	color: #B1D1E5;
}
#content_full a:active { 
	color: #B1D1E5;
}

/* sub head */

#subhead { 
	margin-top: 5px;
	padding: 18px 18px 0 18px;
	text-align: left;
	width: 287px;
	height: 112px;
	background: url(images/subhead.jpg) no-repeat;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#subhead h1 { 
	margin-bottom: -2px;
	font-size: 180%;
	font-weight: normal;
	color: #FC0;
}
#subhead p { 
	font-size: 94%;
	line-height: 200%;
	color: #FFF;
}

/* sub content */

#subcontent { 
	padding: 18px;
	text-align: left;
	width: 285px;
	height: 200px;
	border: 1px solid #CCC;
}
.subdiv { 
	margin-top: 5px;
	padding: 5px;
	width: 311px;
	height: 120px;
	border: 1px solid #CCC;
}
.subdiv h2 { 
	color: #B1D1E5;
	font-size: 130%;
	text-align: right;
	float: left;
	width: 185px;
	position: relative;
	top: 104px;
}
.subdiv p { 
	text-align: left;
	float: left;
	color: #999;
	font-size: 94%;
	line-height: 200%;
	padding: 0 14px 0 13px;
	width: 158px;
}
.subdivimg { 
	float: right;
}
a:link.subnav { 
	color: #00aac3;
	text-decoration: none;
}
a:visited.subnav { 
	color: #00aac3;
	text-decoration: none;
}
a:hover.subnav { 
	color: #FC0;
	text-decoration: none;
}
a:active.subnav { 
	color: #00AAC3;
	text-decoration: none;
}
.subdiv2 { 
	margin-top: 5px;
	padding: 5px;
	width: 311px;
	border: 1px solid #CCC;
}
.subdiv2 h2 { 
	padding-left: 13px;
	color: #00aac3;
	font-size: 130%;
	margin-top: 10px;
	margin-bottom: -5px;
}
.subdiv2 h3 { 
	margin-top: 8px;
	padding-top: 8px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	border-top: 1px solid #CCC;
}
.subdiv2 p { 
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
	color: #999;
	font-size: 94%;
	line-height: 1.5;
	padding: 0 0 0 13px;
}
.subdiv2 ul { 
	list-style-type: disc;
	margin: 5px 0 10px 0;
}
.subdiv2 li { 
	color: #999;
	font-size: 94%;
	margin-left: 30px;
	line-height: 1.5;
}
.subdiv2 a:link { 
	color: #06C;
}
.subdiv2 a:visited { 
	color: #06C;
}
.subdiv2 a:hover { 
	color: #B1D1E5;
}
.subdiv2 a:active { 
	color: #B1D1E5;
}
#timeline {
	line-height: 1.5;
	padding-left: 8px;
}
#timeline h2 { 
	padding-left: 0;
	font-size: 130%;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
}
#timeline h3 { 
	margin-top: 8px;
	padding-top: 8px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	border-top: 1px solid #CCC;
}
#timeline p {
	line-height: 1.5;
	padding-left: 0;
	margin-bottom: 0;
}
#liners {
	line-height: 1.5;
}
#liners h2 { 
	margin-bottom: 0;
	padding-left: 0;
	color: #999;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}
#liners p {
	line-height: 1.5;
	padding-left: 0;
}
#sidefoot { 
	border-top: 1px solid #CCC;
}
#sidefoot h2 { 
	color: #00aac3;
	font-size: 110%;
	font-weight: bold;
	text-transform: none;
	margin-top: 13px;
	margin-bottom: 8px;
}

/* sidebar */

#sidebar { 
	float: right;
	text-align: left;
	width: 323px;
}
#sidebar h3 { 
	font-size: 100%;
	margin-bottom: 0.6em;
}


/*----------------------------------------------------------------
list table
----------------------------------------------------------------*/

.listTable {
	width:100%;
	margin:0 0;
	color:#666;
}

.listTable th {
	text-transform:uppercase;
	font-size:10px;
	border-bottom:1px solid #666;
	vertical-align:top;
}
.listTable td {
	padding:2px 0;
	font-size:11px;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
.listTable td a:link, .listTable td a:visited {
	text-decoration:none;
	}
.listTable td a:hover {
	text-decoration:underline;
	}
.listTable tr.row1 {
	background-color:#fff;
}

#listTable h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	color:#999;
}


#listTable h3 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	color:#999;
}
	
	
.listTable tr.row0 {
	background-color:#ffffdd;
}
.listTable td.actions {
	padding-right:10px;
	text-align:right;
	text-transform:uppercase;
}
.listTable td.actions a:link, .listTable td.actions a:visited  {
	margin-left:10px;
	text-decoration:none;
}
.listTable td.actions a:hover {
	text-decoration:underline;
}


.builderTable {
	padding:6px;
	border:1px solid #ccc;
    background-color: #FC0;
}

.builderTable h1 { 
	margin-bottom: -2px;
	font-size: 180%;
	font-weight: normal;
	color: #fff;
}
	

/* content footer */

#content_footer {
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	width: 642px;
	border: 1px solid #CCC;
	clear: both;
	position: relative;
	top: 5px;
}
#content_footer h2 { 
	float: left;
	padding-left: 13px;
	text-align: right;
	color: #00aac3;
	font-size: 130%;
	margin-top: 10px;
}
#content_footer p { 
	margin-top: 8px;
	float: left;
	width: 200px;
	color: #999;
	font-size: 94%;
	line-height: 1.5;
}

/* footer */

#footer {  
	background-color: #333;
	text-align: left;
	position: relative;
	z-index: 50;
}
#footerback {  
	background-color: #333;
	width: 100%;
	position: relative;
	bottom: 18px;
}
#footer p { 
	font-size: 90%;
	color: #999;
	padding: 1em;
}
#footer a:link { 
	color: #999;
	text-decoration: none;
}
#footer a:visited { 
	color: #999;
	text-decoration: none;
}
#footer a:hover { 
	color: #CCC;
	text-decoration: none;
}
#footer a:active { 
	color: #F00;
	text-decoration: none;
}
#footernav {
	width: 665px;
	padding-top: 30px;
	margin: 0 auto;
}
#footernav li {  
	font-size: 90%;
	list-style-type: none;
	display: inline;
	margin-right: 10px;
	text-transform: uppercase;
}
#copyright { 
	text-align: right;
	width: 665px;
	margin: 0 auto;
}

/* navbar */

#navbar {
	margin: 0;
	padding: 0;
    width: 665px;
	height: 5px;
    background: #FFF;
	position: relative;
	border-left: 13px solid #00AAC3;
	border-right: 13px solid #00AAC3;
}
#navbar li {
	position: absolute;
    height: 5px;
	display: block;
}
#navbar a:link, #navbar a:visited, #navbar a:active
{ text-decoration: none; }
#navbar1 {left: 10px; width: 97px;}
#navbar2 {left: 150px; width: 92px;}
#navbar3 {left: 288px; width: 92px;}
#navbar4 {left: 426px; width: 92px;}
#navbar5 {left: 564px; width: 92px;}
.selected {
    background: #FC0;}

/* styles for the home page */

#mainwrap { 
	margin: 0 auto;
	padding: 0;
	width: 690px;
	position: relative;
	z-index: 100;
}
#maincontentwrap { 
	background: url(images/homepage.jpg) no-repeat scroll 0 0;
	position: relative;

	height: 316px;
}

/* header */

#mainheader {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 690px;
}

/* main content */

#maincontent { 
	padding-right: 20px;
	text-align: left;
	width: 450px;
	position: absolute;
	top: 201px;
	left: 221px;
}
#maincontent p { 
	font-size: 100%;
	line-height: 200%;
}
#maincontent a:link { 
	color: #06C;
}
#maincontent a:visited { 
	color: #06C;
}
#maincontent a:hover { 
	color: #B1D1E5;
}
#maincontent a:active { 
	color: #B1D1E5;
}

/* main sidebar */

#mainsidebar { 
	text-align: left;
	width: 110px;
	position: absolute;
	top: 1px;
	left: 20px;
}

/* navmain */

#navmain {
    width: 110px;
	height: 210px;
    background: url(images/homepage_nav.gif) 110px 0;
}
#navmain li {
    position: absolute; 
}
#navmain li, #navmain a {
    height: 42px;
	display: block;
}
#navmain1 {top: 0; width: 110px;}
#navmain2 {top: 42px; width: 110px;}
#navmain3 {top: 85px; width: 110px;}
#navmain4 {top: 127px; width: 110px;}
#navmain5 {top: 167px; width: 110px;}
#navmain1 a:hover {
    background: url(images/homepage_nav.gif) 0 0;}
#navmain2 a:hover {
    background: url(images/homepage_nav.gif) 0 168px;}
#navmain3 a:hover {
    background: url(images/homepage_nav.gif) 0 125px;}
#navmain4 a:hover {
    background: url(images/homepage_nav.gif) 0 83px;}
#navmain5 a:hover {
    background: url(images/homepage_nav.gif) 0 43px;}



/* misc styles */
.img-style-lt {
	float: left;
	padding-right: 5px;
}
.img-style-rt {
	float:right;
	padding-left: 5px;
}
#content_full table {
	margin-bottom: 5px;
}
#content_full th {
	text-align: left;
}
#content_full td {
	vertical-align: top;
	padding: 0.5em 0.5em 0.5em 0;
}
#builder_form table {
	margin-bottom: 5px;
}
#builder_form td {
	vertical-align: top;
	padding-left: 12px;
}
#liner_grid table {
	padding: 0;
	margin: 0;
}
#liner_grid td {
	padding: 0 4px 5px 1px;
}
.clearfix {
	clear:both;
	}
	
	
/* Forms */
.textField
{
	color: #7AA6FF;
	background: #FEF6B8;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px;
}	

.errorField
{
	color: #7AA6FF;
	background: #FEF6B8;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px;
	border: solid 2px #7AA6FF;
}
	
.notSo	{
	visibility:hidden;
}

/* Homepage Styles */

a div.vinylBTN{
	background-image:URL(http://pacificpools.com/files/media/vinyloption.jpg);
	background-repeat:no-repeat;
	width:323px;
	height:132px;
	padding:0;
	margin:0;
}

a:hover div.vinylBTN{
	background-image:URL(http://pacificpools.com/files/media/vinyloption-over.jpg);
	background-repeat:no-repeat;
	width:323px;
	height:132px;
	padding:0;
	margin:0;
}

a div.shapesBTN{
	background-image:URL(http://pacificpools.com/files/media/shapes.jpg);
	background-repeat:no-repeat;
	width:323px;
	height:132px;
	padding:0;
	margin:0;
}

a:hover div.shapesBTN{
	background-image:URL(http://pacificpools.com/files/media/shapes-over.jpg);
	background-repeat:no-repeat;
	width:323px;
	height:132px;
	padding:0;
	margin:0;
}

.showcase {
	background:url(images/showcase_seal-PACIFIC.jpg) no-repeat;
	width:208px;
	height:208px;
	margin:20px auto;
	padding:0;
	text-indent:-999em;	f 
}