body     {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	text-align: left;
	background: url(../images/bkgrd.jpg) top  no-repeat;
}

html, td		{
	font-family: Verdana, Arial, Helvetica, sans;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	text-align: left;
}

.underline{border-bottom:1px solid #DEDEDE; padding:0 0 10px;}

.h1Seo{
color:#00679A;
font-size:20px;
font-weight:normal;
margin:0;
padding:0 0 10px;
margin-bottom:10px;
}

.h1Keeword {
display:inline !important;
font-family:Verdana,Arial,Helvetica,sans-serif !important;
text-decoration: none !important;
color:#00679A !important;
font-size:20px !important;
font-weight:normal !important;
margin-bottom:10px !important;
padding:0 0 10px !important;
font-weight:normal !important;
letter-spacing:normal !important;
font-variant:normal !important;
border-bottom: 0px !important;

}

.h1KeewordInText {
display:inline !important;
font-family:Arial, Helvetica, sans; !important;
text-decoration: none !important;
color:#000 !important;
font-size:12px !important;
font-weight:normal !important;
margin :0px !important;
padding:0 !important;
font-weight:normal !important;
letter-spacing:normal !important;
font-variant:normal !important;
border-bottom:0px  !important;
}


.h1Text{
display:inline;
font-family: Arial, Helvetica, sans;
text-decoration: none; 
color:#000 !important;
font-size:12px !important;
font-weight:normal !important;
padding:0 !important;
letter-spacing:normal !important;
font-variant:normal !important;
border-bottom :0 !important; 
}


.h2Title
{
font-size: 18px !important;
font-weight: normal !important;
color: #00679a !important;

margin: 0 0 0 0 !important;
border-bottom:1px solid #DEDEDE !important;
}


#newCrumb {
border-bottom:1px solid #DEDEDE;
color:#000000;
font-size:11px;
margin:0 0 22px;
padding:17px 0 3px 5px;
}
.h2Keeword {
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-decoration: none; 
color:#00679A;
font-size:18px !important; 
font-weight:normal;
margin-bottom:0;
padding:0 0 10px;
font-weight:normal;
letter-spacing:normal;
font-variant:normal;
border-bottom:0px  !important;
}

.normalize {font-weight: normal; font-style: normal;}



#container {
	width: 990px;
	text-align: left;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#joinEmailList {
	text-align: right;
	margin: 0 10px 10px 0;
	color: #00679a;
	font-size: 14px;
	font-weight: bold;
}

#joinEmailList a {
	color: #00679a;
	text-decoration: none;
}

#joinEmailList a:hover {
	color: #00679a;
	text-decoration: underline;
}

#joinEmailList img {
	margin: 0 0 0 820px;
}

#header {
	overflow: hidden;
	height: 210px;
}

#mainNav {
	margin: 2px 0 0 5px;
	color: #535353;
	font-size: 10px;
	text-transform: uppercase;
	font-family: verdana
}

#mainNav a {
	color: #535353;
	text-decoration: none;
}

#mainNav a:hover {
	color: #12679b;
	text-decoration: none;
}

#mainNav .firstNav {
	height: 30px;
	padding: 9px 2px 0 0;
}

#mainNav .nav {
	background: url(../images/nav_bkgrd.gif) top left no-repeat;
	line-height: 30px;
	padding: 9px 2px 9px 5px;
}

/* Start Home */

#leftSideMain {
	width: 627px;
	float: left;
        margin-top:30px;
}

#mainCopy {
    padding-left:2px;
}

#mainCopy h1 {    
    color: #00679a;
    font-size: 16px;
}

#leftSide {
	width: 300px;
	float: left;
}

#beforeYouBuy {
	width: 300px;
	min-height: 180px;
	float: left;
	background: url(../images/before_you_buy_bkgrd.gif) top left no-repeat;
	margin: -20px 0 0 0;
}

#beforeYouBuy h2 {
	margin: 18px 0 0 55px;
	color: #00679a;
	font-size: 16px;
}

#beforeYouBuy .copy {
	margin: 10px 15px 15px 15px;
}

#beforeYouBuy img {
	margin: 0 15px 0 0;
}

#checkList {
	width: 300px;
	min-height: 150px;
	float: left;
	background: url(../images/checklist_bkgrd.gif) top left no-repeat;
	margin: 5px 0 0 0;
}

#checkList h2 {
	margin: 18px 0 0 55px;
	color: #00679a;
	font-size: 16px;
}

#checkList .copy {
	margin: 10px 15px 15px 15px;
}

#checkList img {
	margin: 0 15px 0 0;
}

#brochurePOP {
	width: 300px;
	min-height: 180px;
	float: left;
	background: url(../images/request-brochure-bkgrd.gif) top left no-repeat;
	margin: 7px 0 0 0;
	position:relative;
}

#brochurePOP h1 {
	margin: 18px 0 0 55px;
	color: #00679a;
	font-size: 16px;
}

#brochurePOP .copy {
	margin: 10px 15px 15px 15px;
}

#brochurePOP img {
	margin: 0 0 0 15px;
	position:absolute;
	top:110px;
}

#middle {
	width: 292px;
	float: left;
	margin: 0 0 0 35px;
}

#question01Home {
	width: 292px;
	min-height: 357px;
	margin: 0 0 0 0;
	background: url(../images/question_01_bkgrd.gif) top left no-repeat;
}

#question01Home h2 {
	padding: 18px 0 0 55px;
	margin: 0;
	color: #00679a;
	font-size: 16px;
}

#question01Home .copy {
	margin: 10px 15px 15px 15px;
}

#question01Home .title {
	color: #00679a;
	font-size: 14px;
	margin: 5px 0 5px 0;
	width: 264px;
	border-bottom: 4px solid #edf7fd;
}

#question01Home .answer {
	background: #f3f3f3;
	line-height: 19px;
	padding: 0 0 0px 0;
	width: 264px;
	margin: 0 0 4px 0;
}

#question01Home .answer input {
	float: left;
	margin: 3px 8px 0 5px;
}

#question01Home img {
	margin: 0 15px 0 0;
}

#rightSide {
	width: 316px;
	float: left;
	margin: 0 0 0 32px;
}

#rightSide #ad {
	width: 316px;
	height: 274px;
	margin: 43px 0 0 0;
	background: url(../images/ad_home_bkgrd.gif) top left no-repeat;
}

#rightSide #ad img {
	margin: 8px 0 0 8px;
}

#rightSide #ad .text {
	float: right;
	color: #666666;
	margin: -1px 10px 0 0;
}

#rightSide #designGallery {
	width: 316px;
	height: 180px;
}

#rightSide #designGalleryHdr h2 {
	margin: 21px 0 0 15px;
	padding: 0;
	color: #00679a;
	font-size: 16px;
}

#rightSide #designGalleryHdr a {
	color: #00679a;
	font-size: 16px;
	text-decoration: none;
}

#rightSide #designGallery .top {
	background: url(../images/gallery_pop_top.gif) top left no-repeat;
	margin: 0;
	height: 9px;
}

#rightSide #designGallery .middle {
	margin: -11px 0 -11px 0;
	padding: 0 10px 10px 10px;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

#rightSide #designGallery .middle #gallery {
	margin: 5px 0 5px 0;
	overflow: hidden;
}

#rightSide #designGallery .middle #gallery .btnLeft {
	float: left;
	width: 18px;
}

#rightSide #designGallery .middle #gallery .middlePics {
	float: left;
	width: 258px;
	height: 127px;
	padding: 4px 0 4px 0;
	background: url(../images/gallery_bkgrd.gif) top left no-repeat;
}

#rightSide #designGallery .middle #gallery .btnRight {
	float: left;
	width: 18px;
}

#interiorCopy #galleryInt .btnRight {
	float: left;
	width: 18px;
}

#rightSide #designGallery .btm {
	background: url(../images/gallery_pop_btm.gif) top left no-repeat;
	margin: 0;
	height: 9px;
}	

#askTheExperts h3 {
	margin: 0px 0 0 15px;
	padding: 0;
	color: #00679a;
	font-size: 16px;
}

#bottom {
	width: 627px;
	height: 135px;
	background: url(../images/ask_experts_bkgrd.gif) top left no-repeat;
	clear: both;
	font-size: 12px;
	font-weight: bold;
}

#bottom .question01 {
	float: left;
	width: 171px;
	height: 90px;
	margin: 20px 0 0 15px;
	padding: 5px 25px 0 0;
	border-right: 4px solid #97c3d8;
}

#bottom .question02 {
	float: left;
	width: 176px;
	height: 90px;
	margin: 20px 0 0 11px;
	padding: 5px 20px 0 0;
	border-right: 4px solid #97c3d8;
}

#bottom .question03 {
	float: left;
	width: 180px;
	height: 95px;
	margin: 20px 0 0 11px;
	padding: 5px 0 0 0;
}

.findOut01 {
	width: 171px;
	float: left;
	margin: -20px 0 0 121px;
}

.findOut02 {
	width: 171px;
	float: left;
	margin: -20px 0 0 331px;
}

.findOut03 {
	width: 171px;
	float: left;
	margin: -20px 0 0 531px;
}

#findOutLinks {
	width: 627px;
}

.findOut01 a {
	color: #034f75;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

.findOut01 a:hover {
	color: #358fbc;
	text-decoration: none;
}	

.findOut02 a {
	color: #034f75;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

.findOut02 a:hover {
	color: #358fbc;
	text-decoration: none;
}	

.findOut03 a {
	color: #034f75;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	

.findOut03 a:hover {
	color: #358fbc;
	text-decoration: none;
}	

/* End Home */


/* Start Left Nav */

#leftInt {
	width: 180px;
	float: left;
	margin: 33px 0 0 0;
}

.leftNav {
	width: 180px;
	float: left;
	margin: 10px 0 0 7px;
}

.leftNav .middle {
	border-right: 1px solid #d8d8d8;
	padding: 0 5px 1px 6px;
}

.leftNav .middle .hdr {
	font-size: 14px;
	color: #00679a;
	margin: 0 0 15px 0;
}

.leftNav .middle h3 {
	font-size: 14px;
	color: #00679a;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.leftNav .middle a.orange {
	color: #c96200;
	text-decoration: none;
}

.leftNav .middle a.orange:hover {
	color: #c96200;
	text-decoration: underline;
}

.leftNav .middle ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
}

.leftNav .middle li {
	background: url(../images/side_nav_bullet.gif) no-repeat;
	background-position: 0 4px;
	margin: 0 0 6px 0;
	padding: 0 0 0 18px;
}

.leftNav .middle ul a {
	font-size: 11px;
	color: #00679a;
	text-transform: uppercase;
	text-decoration: none;
}

.leftNav .middle ul a:hover {
	font-size: 11px;
	color: #00679a;
	text-transform: uppercase;
	text-decoration: none;
}

.leftNav .middle .submit {
	text-align: right;
	margin: 0 10px 0 0;
}

.leftNav .middle .leftInactive {
	color: #d5d5d5;
	text-transform: uppercase;
	margin: 0 0 3px 0;
}

.leftNav .middle .leftActive {
	color: #000;
	text-transform: uppercase;
	margin: 0 0 0 0;
}

.leftNav .middle .leftNavAnswer {
	background: #f5f5f5;
	color: #666666;
	line-height: 18px;
	padding: 0 4px 0 7px;
	margin: 0 4px 10px -6px;
	overflow: auto;
}

.leftNav .middle .leftNavAnswer .change {
	float: right;
	line-height: 18px;
	margin: -18px 0 0 0;
	font-size: 10px;
}

.leftNav .middle .leftNavAnswer .change a {
	color: #12679b;
	text-decoration: none;
}

.leftNav .middle .leftNavAnswer .change a:hover {
	color: #12679b;
	text-decoration: underline;
}

.leftNav .middle .button01 {
	margin: 30px 0 0 0;
}

.leftNav .middle .button02 {
	margin: 10px 0 0 0;
}

/* End Left Nav */


/* Start Interior */

#interiorCopy {
	width: 519px;
	font-size: 12px;
	float: left;
	margin: 43px 0 0 50px;
}


#interiorCopy table {
	margin: 2px 0 0 5px;
	color: #535353;
	font-size: 10px;
	text-transform: uppercase;
	font-family: verdana
}


#interiorCopy h1 {
	font-size: 20px;
	font-weight: normal;
	color: #00679a;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #dedede;
}




#interiorCopy #seoH1 h2 {
	font-size: 20px;
	font-weight: normal;
	color: #00679a;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #dedede;
}

#interiorCopy #crumbTrail {
	font-size: 11px;
	margin: 0 0 22px 0;
	padding: 13px 0 3px 5px;
	color: #000;
	border-bottom: 1px solid #dedede;
}

#interiorCopy #crumbTrail a {
	color: #00679a;
	text-decoration: none;
}

#interiorCopy #crumbTrail a:hover {
	color: #00679a;
	text-decoration: underline;
}

#interiorCopy #crumbTrail .active {
	color: #999;
}

#interiorCopy h2 {
	font-weight: normal;
	color: #00679a;
}

#interiorCopy #backtoexpert h2 {
	font-size: 12px;
}

#interiorCopy h3 {
	font-weight: 500;
	font-size: 14px;
	color: #00679a;
}

#interiorCopy a {
	color: #00679a;
	text-decoration: none;
}

#interiorCopy a:hover {
	color: #00679a;
	text-decoration: underline;
}

#interiorCopy .sitemapLeft {
	float: left;
	width: 250px;
}

#interiorCopy .sitemapRight {
	float: left;
	width: 250px;
}

#interiorCopy .galleryBorder {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: none;
	border-right: none;
	padding: 0 0 12px 0;
	background: #f0efef;
}

#interiorCopy #galleryInt {
	margin: 5px 0 5px 0;
	overflow: hidden;
	width: 295px;
}

#interiorCopy #galleryInt .btnLeft {
	float: left;
	width: 18px;
}

#interiorCopy #galleryInt .middlePics {
	float: left;
	width: 258px;
	height: 127px;
	padding: 4px 0 4px 0;
	background: url(../images/gallery_bkgrd.gif) top left no-repeat;
}

/* End Interior */

/* Start Build A Spa */

#buildSpaTool {
	width: 519px;
	float: left;
	margin: 43px 0 0 50px;
}

#buildSpaTool h1 {
	font-size: 20px;
	font-weight: normal;
	color: #00679a;
	padding: 0 0 7px 0;
	margin: 0 0 22px 0;
	border-bottom: 1px solid #dedede;
}

#buildSpaTool #tabs {
	margin: 18px 0 30px 0;
}

#buildSpaTool #tabs .step01 {
	margin: 0 -3px 0 0;
}

#buildSpaTool #tabs .step02 {
	margin: 0 -3px 0 0;
}

#buildSpaTool #tabs .step03 {
	margin: 0 -3px 0 0;
}

#buildSpaTool #tabs .results {
	margin: 0 -5px 0 -1px;
}

#buildSpaTool #questions {
	width: 276px;
	float: left;
	margin: 0 10px 10px 6px;
	padding: 0 10px 0 0;
	border-right: 1px solid #dedbdb;
}

#questions .title {
	color: #00679a;
	font-size: 14px;
	margin: 0 0 5px 0;
	width: 276px;
	border-bottom: 4px solid #edf7fd;
}

#questions .answer {
	background: #f3f3f3;
	line-height: 19px;
	padding: 0 0 0px 0;
	width: 276px;
	margin: 0 0 4px 0;
}

#questions .answer input {
	float: left;
	margin: 3px 8px 0 5px;
}

#questions img {
	margin: 15px 10px 10px 0;
}

#questions .email {
	float: left;
	margin: 15px 0 0 0;
}

#buildSpaTool #questionRight {
	width: 203px;
	float: left;
	padding: 0 0 0 6px;
}

#buildSpaTool .productResults {
	overflow: auto;
	margin: 25px 5px 25px 5px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dedede;
}

#buildSpaTool .productResultsLast {
	overflow: auto;
	margin: 25px 5px 25px 5px;
	padding: 0 0 10px 0;
}

#buildSpaTool .thumbnail {
	width: 91px;
	float: left;
	margin: 0 20px 0 0;
}	

#buildSpaTool .description {
	width: 390px;
	float: left;
	margin: 0;
}

#buildSpaTool .description h2 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	margin: 0;
}

#buildSpaTool .description .logo {
	float: left;
	margin: 5px 0 0 0;
}

#buildSpaTool .description .button {
	float: right;
	margin: 5px 0 0 0;
}

#productDetails {
	margin: 25px 5px 50px 5px;
}

#productDetails h2 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 19px 0;
	padding: 0 0 0 0;
	border-bottom: 4px solid #edf7fd;
}

#productDetails .backToResults {
	float: right;
	color: #12679b;
	margin: -40px 0 0 0;
	clear: both;
}

#productDetails .backToResults img {
	margin: 0 2px 0 0;
}

#productDetails .backToResults a {
	color: #12679b;
	text-decoration: none;
}

#productDetails .backToResults a:hover {
	text-decoration: underline;
}

#productDetails .left {
	width: 202px;
	float: left;
	margin: 0 10px 0 0;
}

#productDetails .left .photo {
	margin: 0 0 20px 0;
}	

#productDetails .left .swatchThumb {
	margin: 1px 10px 10px 0;
	float: left;
}

#productDetails .left .shellColors {
	clear: both;
}

#productDetails .left .logoLarge {
	padding: 15px 0 0 0;
	clear: both;
}

#productDetails .right {
	width: 285px;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 2px solid #dedbdb;
}

#productDetails .right .quickSpecs {
	margin: 19px 0 0 0;
	overflow: auto;
}

#productDetails .right .quickSpecs .title {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #dedbdb;
}

#productDetails .right .quickSpecsLeft {
	float: left;
	width: 75px;
	text-transform: uppercase;
	line-height: 20px;
}

#productDetails .right .quickSpecsRight {
	width: 198px;
	float: left;
	line-height: 20px;
	border-left: 1px solid #dedbdb;
	padding: 0 0 0 5px;
}

#productDetails .right .moreInfo {
	margin: 19px 0 0 0;
}

#productDetails .right .quickLinks {
	margin: 19px 0 0 0;
}

#productDetails .right .quickLinks a {
	color: #12679b;
	text-decoration: none;
}

#productDetails .right .quickLinks a:hover {
	color: #12679b;
	text-decoration: underline;
}

#productDetails .right .quickLinks .title {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #dedbdb;
	margin: 0 0 10px 0;
}

#productDetails .right .quickLinksLeft {
	width: 137px;
	float: left;
}	

#productDetails .right .quickLinksLeft .icon {
	margin: 0 0px 0 0;
	padding: 0 0 2px 0;
	vertical-align: middle;
}

#productDetails .right .quickLinksLeft img {
	margin: 0 0px 0 0;
	padding: 0 0 2px 0;
	vertical-align: middle;
}	

#productDetails .right .quickLinksRight {
	width: 137px;
	float: left;
	margin: 0 0 0 10px;
}	

#productDetails .right .quickLinksRight .icon {
	margin: 0 0px 0 0;
	padding: 0 0 2px 0;
	vertical-align: middle;
}

#productDetails .right .quickLinksRight img {
	margin: 0 0px 0 0;
	padding: 0 0 2px 0;
	vertical-align: middle;
}	

#productDetails #fullSpecs {
	padding: 30px 0 20px 0;
	clear: both;
	overflow: auto;
}

#productDetails #fullSpecs .leftSide {
	width: 182px;
	float: left;	
}

#productDetails #fullSpecs .leftSide .grayBkgrd {
	line-height: 19px;
	background: #f3f3f3;
	padding: 0 0 0 5px;
	margin: 0 0 4px 0;	
}

#productDetails #fullSpecs .leftSide .grayBkgrd02 {
	line-height: 19px;
	height: 33px;
	background: #f3f3f3;
	padding: 0 0 0 5px;
	margin: 0 0 4px 0;	
}

#productDetails #fullSpecs .rightSide {
	width: 317px;
	float: left;
	margin: 0 0 0 10px;	
}

#productDetails #fullSpecs .rightSide .whiteBkgrd {
	line-height: 19px;
	padding: 0 0 0 0;
	margin: 0 0 4px 0;
}

#productDetails #fullSpecs .rightSide .whiteBkgrd02 {
	line-height: 14px;
	padding: 0 0 0 0;
	margin: 0 0 4px 0;
}


/* End Build A Spa */

#rightAd {
	width: 176px;
	height: 624px;
	float: right;
	margin: 43px 8px 0 0;
	background: url(../images/right_ad_bkgrd.gif) top left no-repeat;
}

#rightAd img {
	margin: 8px 0 0 8px;
}

#rightAd .text {
	float: right;
	color: #666666;
	margin: -1px 10px 0 0;
}

/* Start Partners Bar */

#partnersBar {
	background: url(../images/partners_bar.gif) top left no-repeat;
	width: 990px;
	margin: 50px 0 0 0;
	text-align: left;
}

#partnersBar .logoFirst {
	margin: 0 0 0 15px;
	line-height: 42px;
}

#partnersBar .logo {
	margin: 0 0 0 17px;
}

/* End Partners Bar */


/* Start Footer */

#footer {
	width: 990px;
	color: #666666;
	text-align: right;
	margin: -10px 0 40px 0px;
	padding: 0 25px 0 0;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color: #666666;
	text-decoration: underline;
}

.refineDropDowns {	
	font-size:9px;
}

.validation-advice {	
	background-color: #cccccc;
	color : #00679A;
	font-weight: bold;
}

.spacer {	
	width:100%;
	height:4px;	
	background-color:white;
	margin:0px;
	border:none;
}


/* End Footer */












