Header
{
    FONT-SIZE: 22pt;
    COLOR: #00a7b9;
    FONT-FAMILY: tahoma, arial, sans-serif
}
BODY
{
    FONT-SIZE: 13px;
    line-height:17px;
    MARGIN: 0px;
    FONT-FAMILY: tahoma, arial, sans-serif;
    BACKGROUND-COLOR: #b7e4fb;
    background-image: url('/images/PoolSpaHome-BG.jpg');
    background-repeat:repeat-x;
    margin:0 auto;
    text-align:center;
}



/* ----Start New CSS---*/
img					{border:0px;}
.PageWrapper	{margin:0 auto; width:990px; position:relative;}
.HeaderWrapper	{position:absolute; top:0; left:0; background-image:url('images/PoolSpaHeader.jpg'); background-repeat: no-repeat; width:990px; height:90px;}
#UtilityNav		{position:absolute; top:32px; left:698px; color:#ffffff; font:12px arial; line-height:24px; text-align:left;}
#UtilityNav a	{color:#ffffff; font:12px arial;}
.TopNav			{margin:0 auto; position:absolute; top:84px; left:0px; background-image:url('images/TopNavBar-PoolSpa.png'); background-repeat: no-repeat; width:990px; height:90px; text-align:left;}
.TopNavItem		{margin:16px 0px 0 38px; float:left;}
.TopNavSearch	{width:292px; float:right; margin-top:6px;}
.SearchBox {width:200px; font:bold 12px tahoma; color:#004481; border:0; vertical-align:middle; padding-left:6px;}
.ClearFloats	{clear:both; margin:0; padding:0;}
.ContentWrapper	{margin:0 auto; width:990px; position:absolute; top:134px; left:0;}
.ContentContainer {background-color:#ffffff; margin:0px; padding:24px 0; text-align:left;}
.HomeFeatureBoxes {width:286px; height:228px; margin:0 28px 0 0px; background-image:url('images/PoolSpaHomeBoxes.png'); background-repeat: no-repeat; float:left; text-align:left;}
#SubPageContentContainer {background-color:#ffffff; width:100%;}


.FooterWrapper	{background-image:url('images/PoolSpaFooterBG.png'); background-repeat:repeat-x; margin:0px; padding:0px; border:solid 0px red;}
.FooterMenuContainer {width:650px; margin:0px auto;}
#FooterMenu {float:left; text-align:left; width:170px; margin:0 20px;}
#FooterMenu h2 {text-decoration:none; color:#ffffff; font:bold 12px tahoma; margin:12px 0 4px 0;}

#FooterMenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#FooterMenu ul li a{
width: 100%;
display: block;
text-indent: 0px;
padding: 1px 0;
text-decoration: none;
font:10px tahoma;
text-indent: 0px;
color: #ffffff;
}

#FooterMenu a:link{ 
color: #ffffff;
text-decoration: none;}

#FooterMenu a:visited{ 
color: #ffffff;
text-decoration: none;}

#FooterMenu a:hover{ 
color: #ffffff;
text-decoration: underline;}

.FooterUtilityNav {float:left; width:500px; margin:24px 0 0 38px; font:9px tahoma; color:#4D4D4D; text-align:left;}
.FooterCopyright	{float:right; width:300px; margin:24px 38px 0 0; font:9px tahoma; color:#4D4D4D; text-align:right;}
.Bridgeline {float:right; width:300px; margin:24px 34px 24px; 0;text-align:right;}

A.bottom:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #4D4D4D;
    TEXT-DECORATION: none;
}
A.bottom:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #4D4D4D;
    TEXT-DECORATION: none;
}
A.bottom:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #4D4D4D;
    TEXT-DECORATION: underline
}


#RetailerSearchTable td {padding:2px 0;}
.LocationResultsListWrapper	{width:550px; margin:0 auto;}
.ListSep		{background-image:url(images/ListSeparator.gif); background-repeat:repeat-x; }
/* ----End New CSS---*/

.ZipcodeBox {width:194px; margin:0; font:bold 12px tahoma; color:#004481; border:0; padding-left:6px;}
#BrandDropdown {width:206px; border:0; padding:1px; font:12px tahoma; color:#004481;}
#BrandDropdown option {}

.AdminWrapper {background-color:#ffffff; width:770px; margin:0 auto;}
.BODYCOPY
{
    FONT-SIZE: 11pt;
    MARGIN: 0px;
    FONT-FAMILY: tahoma, arial, sans-serif;
    BACKGROUND-COLOR: white
}
A:link
{
    COLOR: #006699;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #095ba6;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #095ba6;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #0089ce;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: underline
}

.NavButtonText {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    COLOR: #ffffff;
}
A.NavButtonText:Link
{
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}
A.NavButtonText:hover
{
    TEXT-DECORATION: none
    COLOR: #ffffff;
}
A.NavButtonText:active
{
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}
A.NavButtonText:visited
{
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}
HR
{
	COLOR:#CDE8F9;
}

.Header
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 22px;
    COLOR: #095ba6;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SubHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #095ba6;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SubHeaderBlack
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.GrayHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #777777;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.Legal
{
    BACKGROUND-COLOR: #0079C1;    
    FONT-SIZE: 9px;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial
}
.BarLogin
{
    BACKGROUND-COLOR: #C0EDD7
}
.News a:link
{
    FONT-SIZE: 12px;
    COLOR: #4D4D4D;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Verdana, Arial
}
.News a:visited
{
    FONT-SIZE: 12px;
    COLOR: #4D4D4D;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Verdana, Arial
}
.News a:hover
{
    FONT-SIZE: 12px;
    COLOR: #4D4D4D;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Verdana, Arial
}
.MoreNews a:link
{
    FONT-SIZE: 12px;
    COLOR: #2E3192;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Verdana, Arial
}
.MoreNews a:visited
{
    FONT-SIZE: 12px;
    COLOR: #2E3192;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Verdana, Arial
}
.MoreNews a:hover
{
    FONT-SIZE: 12px;
    COLOR: #2E3192;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Verdana, Arial
}
.FeatureHeader
{
    FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
    COLOR: #095ba6;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: Verdana, Arial
}
.FeatureBody
{
    FONT-SIZE: 11px;
    COLOR: #095ba6;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: Verdana, Arial
}
.WhereToBuy
{
	BACKGROUND-COLOR: #ADDFE0;
}
.ProductSearch
{
	BACKGROUND-COLOR: #CBEBC6;
}
.WaterCare
{
	BACKGROUND-COLOR: #0079C1;
}
.Menu
{
	BACKGROUND-COLOR: #0079C1
}

.MenuBG
{
	BACKGROUND-COLOR: #CCE8F8
}
.ContactBar
{
	BACKGROUND-COLOR: #0079C1;
}
.BarBackHome
{
	COLOR:#0079C1;
	BACKGROUND-COLOR: #C0EDD7;
}
A.Home
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none
}
A.Home:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none
}
A.Home:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none
}
A.Menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.Menu:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.Menu:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.Sort
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #003b7b;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A.Sort:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #003b7b;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A.Sort:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #7371bd;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: tahoma
}
.IntroText
{
    FONT-SIZE: 14px;
    line-height:21px;
    FONT-FAMILY: tahoma
}
.TitleBar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: white;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: black
}
.PageHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: white;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #e8bd00
}
.SectionHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #0079C1
}
.TableSubHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #0079C1;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #cde8f9
}
.BorderColor
{
    BACKGROUND-COLOR: #c0edd7
}
.TitleContent
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #0079C1;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #b8e5fc
}
.PrimaryContent
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: white
}
.SecondaryContent
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffdd
}
.SelectedContent
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffdd
}
.SortContent
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffdd
}
.NAContent
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #cccccc
}
.PrimaryColor
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #e5e5e5
}
.SecondaryColor
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #c0edd7
}
.TrimaryColor
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #f6e7a1
}
.alert
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: arial
}
.Required
{
    FONT-WEIGHT: bold;
    COLOR: red;
    FONT-FAMILY: arial
}

.bodyBlue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #0189B4;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman';
    TEXT-DECORATION: none
}
#f8
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
#f8b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
#f9
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
#f9b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
#f10
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
#f10b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
#f10wb
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial
}
#f12
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: arial
}
#f12b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    FONT-FAMILY: arial
}
#f12wb
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: white;
    FONT-FAMILY: arial
}
#f14
{
    FONT-SIZE: 14pt;
    FONT-FAMILY: arial
}
#f14b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    FONT-FAMILY: arial
}
#f16b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    FONT-FAMILY: arial
}
UNKNOWN
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
.text
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-FAMILY: arial
}
#popupcalendar
{
    LEFT: 0px;
    VISIBILITY: hidden;
    WIDTH: 185px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 130px;
    BACKGROUND-COLOR: white
}
A.cal-DayLink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-DayLink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-DayLink:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0066ff;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.cal-TextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial;
    COLOR: black;
    BACKGROUND-COLOR: #ffffff
}
A.cal-TodayLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-TodayLink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-TodayLink:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #0066ff;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.cal-GreyDate
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #999999;
    FONT-FAMILY: Verdana,  Arial, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-DECORATION: none
}
.cal-GreyInvalidDate
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-DECORATION: line-through
}
.cal-DayCell
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: white
}
.cal-HeadCell
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: #9999cb
}
.cal-Table
{
    BORDER-LEFT-COLOR: #183864;
    BORDER-BOTTOM-COLOR: #183864;
    BORDER-TOP-COLOR: #183864;
    BACKGROUND-COLOR: black;
    BORDER-RIGHT-COLOR: #183864
}
.Subhead
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 16px;
    COLOR: #019cb1;
    FONT-FAMILY: Arial, Verdana
}
.Subheadbig
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 18px;
    COLOR: #019cb1;
    FONT-FAMILY: Arial, Verdana
}
.featured
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: #056aa6;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana, Arial
}
.Subhead1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: #019cb1;
    FONT-FAMILY: Arial, Verdana
}