/* ----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/Header.jpg'); background-repeat: no-repeat; width:990px; height:122px;}
#UtilityNav		{position:absolute; top:56px; 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:122px; left:0px; background-image:url('images/TopNavBar.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:#5f075d; border:0; vertical-align:middle; padding-left:6px;}
.ClearFloats	{clear:both; margin:0; padding:0;}
.ContentWrapper	{margin:0 auto; width:990px; position:absolute; top:172px; left:0; }
.ContentContainer {background-color:#ffffff; margin:0px; 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%;}

.LeftNavColumn {float:left;width:220px;}
.BrandBodyHomeColumnWrapper {float:right; width:744px; margin-bottom:36px;}
.BrandBodySubColumnWrapper {float:right; width:704px; margin:28px 36px 36px 0px;}
.BrandBodyHomeColumn {float:left; width:414px; margin-top:24px;}
.BrandFeatureHomeColumn {float:right; width:300px; margin-top:24px;}
.FeaturedProductWrapper {width:275px; background-color:#E8DEE9;}

.FooterWrapper			{background-image:url('images/FooterGradient.png'); background-repeat:repeat-x; margin:0px; padding:0px;}
.FooterMenuContainer {width:650px; margin:0px auto;}
#FooterMenu {float:left; text-align:left; width:170px; margin:0 20px;}
#FooterMenu h2			{text-decoration:none; color:#54075B; 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: #4D4D4D;}
#FooterMenu a:hover		{color: #4D4D4D; 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}

.ListSep		{background-image:url(images/ListSeparator.gif); background-repeat:repeat-x; }

#RetailerSearchTable td {padding:2px 0;}

.LeftNavContainer		{margin:16px 6px 6px 28px;}
.LeftNavTopCategory		{font:11px Tahoma; padding:2px 0px 2px 0px;}
.LeftNavSubCategory		{font:11px Tahoma; color:#666666; padding:2px 0px 2px 12px; }
a.LeftNavText:link		{font:11px Tahoma; color:#666666; text-decoration:none;}
a.LeftNavText:hover		{font:11px Tahoma; color:#666666; text-decoration:underline;}

a.ProductListItemTitle:link		{font:bold 14px arial; text-decoration:none; color:#703076;}
a.ProductListItemTitle:visited	{font:bold 14px arial; text-decoration:none; color:#703076;}
a.ProductListItemTitle:hover	{font:bold 14px arial; text-decoration:underline; color:#703076;}

/* ----End New CSS---*/

Header
{
    FONT-SIZE: 22pt;
    COLOR: #3E0445;
    FONT-FAMILY: tahoma, arial, sans-serif
}
BODY
{
    FONT-SIZE: 10pt;
    MARGIN: 0px;
    FONT-FAMILY: tahoma, arial, sans-serif;
    BACKGROUND-COLOR: #F7F7F7;
    background-image: url('images/Background.gif');
    background-repeat:repeat-x;
    margin:0 auto;
    text-align:center;
}
.BODYCOPY
{
    FONT-SIZE: 11pt;
    MARGIN: 0px;
    FONT-FAMILY: tahoma, arial, sans-serif;
    BACKGROUND-COLOR: white
}
A:link
{
    COLOR: #3E0445;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #3E0445;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #3E0445;
    LINE-HEIGHT: 12px;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #9E81A2;
    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;
}
.body
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: tahoma, Arial, 'Times New Roman';
    TEXT-DECORATION: none
}
.Header
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 22px;
    COLOR: #3E0445;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SubHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #3E0445;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SubHeaderBlack
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.Required
{
    FONT-WEIGHT: bold;
    COLOR: red;
    FONT-FAMILY: arial
}
.GrayHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #777777;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.Legal
{
    FONT-SIZE: 9px;
    COLOR: white;
    FONT-FAMILY: tahoma, Arial;
    BACKGROUND-COLOR: #9E81A2
}
.BarLogin
{
    BACKGROUND-COLOR: #3E0445
}
.WhereToBuy
{
    BACKGROUND-COLOR: #E2D9E3
}
.ProductSearch
{
    BACKGROUND-COLOR: #C0EDD7
}
.ContactBar
{
    BACKGROUND-COLOR: #9E81A2
}
.BarBackHome
{
	COLOR:#FFFFFF;
    BACKGROUND-COLOR: #3E0445
}
.News
{
    FONT-SIZE: 12px;
    COLOR: #095ba6;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Arial
}
.FeatureHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #9E81A2;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Arial
}
.FeatureBody
{
    FONT-SIZE: 12px;
    COLOR: #095ba6;
    LINE-HEIGHT: 18px;
    FONT-FAMILY: tahoma, Arial
}
A.Home
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none
}
A.Home:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none
}
A.Home:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    LINE-HEIGHT: 16px;
    TEXT-DECORATION: none
}
A.Menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.Menu:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.Menu:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.Sort
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003b7b;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A.Sort:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #003b7b;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A.Sort:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #7371bd;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A.BarPaging
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #3E0445;
    FONT-FAMILY: arial;
}
A.BarPaging:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #3E0445;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
A.BarPaging:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #3E0445;
    FONT-FAMILY: arial;
}
TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
.IntroText
{
    FONT-SIZE: 11pt;
    FONT-FAMILY: arial
}
.TitleBar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 112px;
    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: 12px;
    COLOR: white;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #3E0445
}
.TableSubHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #9E81A2
}
.BorderColor
{
    BACKGROUND-COLOR: #E2D9E3
}
.TitleContent
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #3E0445;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #E2D9E3
}
.BarPaging
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0D2B88;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #E2D9E3
}
.Menu
{
	BACKGROUND-COLOR: #3E0445
}

.MenuBG
{
	BACKGROUND-COLOR: #E2D9E3
}
.WaterCare
{
	BACKGROUND-COLOR: #0D2B88;
}
.PrimaryContent
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: white
}
.SecondaryContent
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffdd
}
.SelectedContent
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffdd
}
.SortContent
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffdd
}
.NAContent
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #cccccc
}
.PrimaryColor
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #e5e5e5
}
.SecondaryColor
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #c0edd7
}
.TrimaryColor
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #f6e7a1
}
.alert
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: arial
}
.bodyBlue
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #0189b4;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: tahoma, Arial, 'Times New Roman';
    TEXT-DECORATION: none
}
#f8
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
#f8b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
#f9
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
#f9b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
#f10
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
#f10b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial
}
#f10wb
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    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: 12px;
    COLOR: black;
    FONT-FAMILY: tahoma,  Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-DayLink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: blue;
    FONT-FAMILY: tahoma, Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-DayLink:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #0066ff;
    FONT-FAMILY: tahoma,  Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.cal-TextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffff
}
A.cal-TodayLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: tahoma, Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-TodayLink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: blue;
    FONT-FAMILY: tahoma, Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.cal-TodayLink:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0066ff;
    FONT-FAMILY: tahoma,  Arial, sans-serif;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.cal-GreyDate
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #999999;
    FONT-FAMILY: tahoma,  Arial, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-DECORATION: none
}
.cal-GreyInvalidDate
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #999999;
    FONT-FAMILY: tahoma, Arial, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-DECORATION: line-through
}
.cal-DayCell
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: tahoma, Arial, sans-serif;
    BACKGROUND-COLOR: white
}
.cal-HeadCell
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: tahoma, 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: #9E81A2;
    FONT-FAMILY: Arial, tahoma
}
.Subheadbig
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 18px;
    COLOR: #9E81A2;
    FONT-FAMILY: Arial, tahoma
}
.featured
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    COLOR: #056aa6;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: tahoma, Arial
}
.Subhead1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: #9E81A2;
    FONT-FAMILY: Arial, tahoma
}