p { color: #000000;}

ul {color: #000000;}

#wrapper{
	width:956px;
	padding:0px;
	margin: 0px auto;
	background-color:#fff
}
#headnav-container
{
	/*background-color:#846e49;*/
	border-top:solid 1px #f3eddf;
	border-right:solid 1px #f3eddf;
	border-left:solid 1px #f3eddf;
}
/*quicknav*/
#quicknav { margin : 0px; padding: 8px 0px 8px 0px; float: left; width:760px; margin-left:0px}
#quicknav ul, #quicknav li { display : inline;list-style-type : none; margin : 0;padding :0; }
#quicknav a{
	letter-spacing:-.09em;
	color: #fff; 
	float: left; 
	font-size:1.2em; 
	line-height:1.2em; 
	margin: 0px; 
	padding: 0px 17px 0px 17px; 
	text-decoration: none;}	
#quicknav a.Bar{
	background-image: url(../images/NavBar.gif); 
	background-position: left 0px; 
	background-repeat: no-repeat; 
}	

#quicknav a:Hover{color : #f99c58; background-color:#846e49;}
/*MAIN NAV*/
#mainnav { margin:0px; padding: 16px 5px 8px 0px; float:right;}
#mainnav ul, #mainnav li { display : inline;list-style-type : none; margin : 0;padding :0; }
#mainnav a{list-style-position:outside; 
    color: #352a18;
    float:left; 
    font-size:.95em; 
    line-height: .9em; 
    margin: 0px; 
    padding: 0px 5px 0px 5px; 
    text-decoration: none; 
    letter-spacing:-.1em;	    
}
#mainnav a.Bar{
	background-image: url(../images/HomeContact-v.gif); 
	background-position: -4px -2px; 
	background-repeat: no-repeat; 
}	

#mainnav a:Hover{color : #f99c58; background-color:#846e49;}

/*mainnav*/
#mainnav-container 
{
	padding-top:6px;
    width:764px;
	float:left;
}
#letlife-container{	width:279px;float:left; }
#letlife-header{
	color: #635028; 
    float:left; 
    font-size:1.5em; 
    line-height: 1.2em; 
    padding: 10px 10px 10px 10px;
	width:260px;
}
#letlife{
	color: #323433; 
    float:left; 
    font-size:1em; 
    line-height: 1.3em; 
    padding: 0px 10px 10px 10px;
	width: 260px;
	clear:both;
}
#quote{
	color:#00728d;
	font-style:italic;
	font-size:1.2em;
	line-height:1.3em;
	margin:15px 10px 10px 10px;
	float:left;
	width:225px;
	clear:both;
}
#closetmasters{
	clear:both;
	float:left;
	margin:10px 10px 0px 10px;
}

.footer{
	clear:both; /*firefox hack*/
}

#spas-container{
	width: 385px; /*-24*/
	height: 170px;
	margin:0px;
	background-image:url(../images/bgSpas.gif);
	background-repeat: repeat-x;
	float:left;
	padding-top:12px;
	padding-left:3px;
}
#spas-lady{
	float:left;
	width: 110px;
}	

#spas-header{
	float:left;
	height:43px;
	clear:both;
}

.dotspa{
	height:4px;
	width: 262px;
	background-image:url(../images/dotSpa3.gif);
	background-repeat: repeat-x;
	clear:both;
}

#spa-text{
	padding-left:10px;
	float:left;
	font-size:.96em;
	width: 263px;
	color:#644e29;
}

#spa-links {margin : 0px; padding: 8px 0px 0px 0px; }
#spa-links ul, #spa-links li { display : inline;list-style-type : none; margin : 0;padding :0; }
#spa-links a{list-style-position:outside; 
    color: #00728d; 
    float:left; 
    font-size:1.1em; 
    line-height: 1.2em; 
    margin: 0px;
	padding: 0px 10px 0px 0px; 
    text-decoration: underline; 
    letter-spacing:.1em; 
	text-transform:uppercase;
}
#spa-links a.Line{
	list-style-position:outside;
	border-right:dotted 1px #00728d;
}
#spa-links a:Hover{color : #f99c58; }

.spagreaterthan{
	color : #00728d;
	font-size:.8em;
	line-height: 1.2em;
	list-style-position:outside;
	float:left;
	margin:0px;
	padding:3px 0px 0px 5px;
}
#pools-container{
	width: 235px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/bgPools.gif);
	background-repeat: repeat-x;
	float:left;
}
#pools-header{
	margin:12px 0px 0px 10px;
	float:left;
	width:137px;	
}

#dotPools{
	height:2px;
	width: 150px;
	background-image:url(../images/dotPools.gif);
	background-repeat: repeat-x;
	margin:0px 0px 0px 10px;
	float:left;
}

#pools-text{
	width:150px;
	margin-left:10px;
	float:left;
}
#pools-text a:Hover{
	color : #f99c58; 
}
.greaterthan{
	color : #00728d;
	font-size:.8em;
	line-height: 1.2em;
	list-style-position:outside;
	float:left;
	margin:0px;
	padding:3px 0px 0px 0px;
}
#pools{
	float:left;
	width: 70px;
	padding-left:5px;
	padding-top:9px;
	height:149px;
}
/*Parts Container*/
#parts-container{
	width:400px;
	padding:15px 0px 10px 5px;
	color : #333333;
	font-size:.9em;
}
.part {
	background-image: url(../images/dotparts.gif); 
	background-position: right 0px; 
	background-repeat: repeat-y; 
	height:120px
}
#parts-container .part{
	padding-right:8px;
	float:left;
	width:122px;
	height:125px;
}
#parts-container .partb{
	padding-right:6px;
	float:left;
	width:124px;
	height:125px;
	background-image: url(../images/dotparts.gif); 
	background-position: right 0px; 
	background-repeat: repeat-y; 
}
#parts-container .partNoLine{
	padding-left:8px;
	float:left;
	width:120px;
	height:125px;
}
#parts-container div p{
	padding-left:5px;
	padding-right:5px;
}
.parts-text{
	padding:5px;
}
#featured-container{
	width:240px;
	margin-top:12px;
}
.featured-text{
	color : #635028;
	font-size:1em;
	text-transform:uppercase;	
}
.featured-text-specs{
	color : #635028;
	font-size:1em;
 margin-left: 0.2cm;
 padding-left: 0;
	
	
}
/*#award-text{
	color : #635028;
	font-size:1em;
	text-transform:uppercase;
	margin-bottom:10px;
}*/
.featured-link{
	padding:5px 0px 0px 0px;
	text-transform:uppercase;
}
#featured-heading{
	font-size: 1.2em;
	padding-top: .6em;
    margin-bottom:.6em;
    color:#00718f;
	text-transform:uppercase;
	font-weight:bold;
}
.dotfeatured{
	height:4px;
	width: 225px;
	background-image:url(../images/dotfeatured.gif);
	background-repeat: repeat-x;
	margin-top:20px;
	margin-bottom:10px;
}
/*Footer Nav*/
#fnav-container
{
	background-color:#846e49;
	height:50px;
	padding-left:10px;
	margin-top:0px;
	float:left;
	color:#dbd3c0;
	clear:both;
	border:solid 1px #846e49;
	width:944px;
}
#address { margin : 0px; padding: 5px 0px 0px 0px; float: left; }
#address ul, #address li { display : inline;list-style-type : none; margin : 0;padding :0; }
#address a{	color:#fff}
#address a:Hover{color : #333333;}
#address a.Line
{
	list-style-position:outside;
	border-right:solid 1px #dbd3c0;
	padding-right:5px;
}

#copyright{
	color: #dbd3c0;
	background-color:#846e49;
    float:right; 
    font-size:.95em; 
    line-height: 1.7em; 
    margin: 0px; 
    background-color:#846e49; 
    padding: 10px 20px 0px 0px; 
    letter-spacing:-.1em;
}

.content_wrapper {
	padding-top:10px;
	padding-bottom:20px;
	background-image : url(../images/midback.gif);
	background-repeat : repeat-x;
}
.content_wrapperInside {
	padding-top:10px;
	color : #ffffff;
	background-image : url(../images/bgPageInside.gif);
	background-repeat : repeat-x;
}

/*----------------------Sub Nav-----------------------*/	

.subheader {
	padding-bottom:2px;
	border-bottom:solid 1px #b0a591;
	font-size:1.3em;
	padding-bottom:10px
}
.subheader a{
	font-weight:bold;
	color:#786543;
	font-size:1.2em;
	text-decoration:none
}
div#subnav {
	float:left;
	font-size: .96em;	
	margin-top: 0px;	
	margin-left: 10px;
	padding: 0px 0;
	width: 184px; /* menu width */
}

div#subnav ul { 
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */  
}

div#subnav ul li {
  margin: 0;
  padding: 0;
  display: block;
  background-image: url(../images/subNav-h.gif);
  background-position: bottom;
  background-repeat: repeat-x;
/*  background-color: #f1f5fa;*/
  /*border-bottom: 1px solid #C6D9ED;  lines */
  
}

div#subnav ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: #00718f;
  padding: 7px 5px 4px 2px;
  margin:0;
  text-decoration: none;
  height: 1%;
  /*height:15px;            hint for IE, alternatively remove whitespace from HTML */ 
}

div#subnav ul ul li a {
  color: #00718f;
  padding: 4px 3px 4px 12px;
  border-top: none;				/* indent level 1 */     
}

div#subnav ul ul ul li a {
  padding-left: 30px;     /* indent level 2 */
}

div#subnav ul li a:hover {
  background-color: #ebebef; /* rollover effect */
}

#proc{
	color:#56848f;
	font-style:italic;
	font-weight:bold;
	font-size:.99em;
	line-height:1.6em;
	margin:15px 0px 20px 0px;
	float:left;
	clear:both;
}

/* Inside Pages Styles */
#InsideMain{
    width: 710px;
    float:left;
    margin-left:20px;
	padding-right:20px;
    background-image: url(../images/insideHeader-h.gif);
	background-repeat: repeat-x;
    background-position: bottom;
    
}
#InsideMain .header{
	color:#00718f;
	font-size:2em;
	/*line-height:28px;*/
	text-transform: uppercase;
	height:28px;
	padding-bottom:7px;
	
}
#InsideMainLeft{
	padding-left:20px;
	margin-top:10px;
    width: 500px;
    float:left;
    padding-top:0px;
    padding-right:10px;
}

#InsideMainRight{
    width: 210px;
	margin-top:10px;
    float:left;
    padding-top:15px;
    padding-right:10px;
	padding-bottom:10px;
}

/*----------------------Spas Image Nav-----------------------*/	

.SpasNav{
	background-image: url(../images/spasNav-v.gif);
	background-position: right 0px;
	background-repeat: repeat-y;
	padding-left:5px;
	padding-right:2px;
	float:left;
	width:90px;
}	
.SpasNavNoBar{
	padding-left:5px;
	padding-right:5px;
	float:left;
	width:90px;
}	
ul.SuppliesList li
{
    list-style-position:inside
}

/*-----------------------------Spa Tables-------------------------*/

.specname {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 13px;
    font-weight: bold;
    color: #000000 }
    
.specblue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    color: #000066 }
    
.specred {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    color: #990033 }
	
	.navtext2 {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.25px;
    line-height: 13px;
    font-weight: normal;
    color: #000066}
    
.navtext2:hover {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.25px;
    line-height: 13px;
    font-weight: normal;
    color: #AA0000 }
	
	.footnote {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    color: #CC0000}
    
.footnote2 {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    color: #003399}