BODY {
	scrollbar-face-color: #BDC6AD; 
	scrollbar-highlight-color: #000000; 
	scrollbar-shadow-color: #000033;
	scrollbar-arrow-color: #330099; 
	scrollbar-base-color: #BDC6AD; 
	scrollbar-3d-light-color: #BDC6AD; 
	scrollbar-dark-shadow-color: #333333
}
A { TEXT-DECORATION: none;
}


.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

a:link.pool { color: #FFFFFF;}
a:active.pool { color: #FFFFFF;}
a:visited.pool { color: #FFFFFF;}
a:hover.pool { color: #003366;}

a:link.spa { color: #333333;}
a:active.spa { color: #333333;}
a:visited.spa { color: #333333;}
a:hover.spa { color: #999966;}

a:link.tw { color: #FFFFFF;}
a:active.tw { color: #FFFFFF;}
a:visited.tw { color: #FFFFFF;}
a:hover.tw { color: #003366;}

a:link.wb { color: #000000;}
a:active.wb { color: #000000;}
a:visited.wb { color: #000000;}
a:hover.wb { color: #000000;}

a:hover { color: #E9C56B
}
input {
	font-family: Arial,Helvetica;
	font-size: 10pt;
}

select {
	font-family: Arial,Helvetica;
	font-size: 10pt;
}

input.defaultButton {
	background-color: #999966;
	font-family: Arial,Helvetica;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
}

input.defaultButtonSmall {
	background-color: #999966;
	font-family: Arial,Helvetica;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
}
.navsmall {
	FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.navsmallflag {
	FONT-SIZE: 9px; COLOR: #66dd32; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.keyin {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.hed-content {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.keyinjumpamber {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.keyinhedblue {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.keyinhedamber {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.keyinhedamber02 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.hed-poolproducts {
	FONT-WEIGHT: bold;
	FONT-SIZE: 24px;
	COLOR: #003366;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.hed-spaproducts {
	FONT-WEIGHT: bold;
	FONT-SIZE: 24px;
	COLOR: #999966;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.price-poolproducts {
	FONT-WEIGHT: bold;
	FONT-SIZE: 26px;
	COLOR: #FF3333;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.price-poolproductssmall {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FF3333;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.prod-line {
	FONT-SIZE: 10px; COLOR: #000066; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.login {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.logintext {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.search {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.dateline {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.navhome {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.nav1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.nav2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.nav3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.secondnavhead {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.secondNavTd {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.secondnav1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.secondnav2 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.mainhuge {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0033cc; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.main {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0033cc; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.summarysub {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.sectionhead {
	FONT-SIZE: 10px; COLOR: #000066; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.summarytxthead {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000066; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.storyhead {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.story {
	FONT-SIZE: 12px;
	HEIGHT: 14px;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.storyby {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.subh1 {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.subh2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.subh3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.caption {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.listory {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
PRE {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: courier
}
xfiles {
	FONT-SIZE: 10px;
	HEIGHT: 142px;
	COLOR: #000000;
	FONT-FAMILY: courier
}
A.name {
	COLOR: #000000
}
.related {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.external {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.boxhead {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.phasehead {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #E9C56B; FONT-FAMILY: arial, helvetica, verdana, sans-serif;
}
.small {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.smalltw {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.small02 {
	FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.smallhead {
	FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.tiny {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial, sans-serif
}
.tinyhead {
	FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: arial, sans-serif
}
.trademark {
	FONT-SIZE: 7px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.statusbar {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.copyright {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.note {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial, verdana, helvetica, sans-serif;
}
.form01 {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.error {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 10px; FONT-FAMILY: arial, helvetica, sans-serif
}
A.topfive {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #0033cc; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.index {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.whiteIndex {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.greyIndex {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.updatesTitleBar {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.updatesSelected {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffcc00; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.updatesDate {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.upTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #343399; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
A.rightboxhead {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0033cc; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.rightboxtext {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
TD.gap8 {
	FONT-SIZE: 8px; FONT-FAMILY: arial
}
TD.gap4 {
	FONT-SIZE: 4px; FONT-FAMILY: arial
}
TD.gap2 {
	FONT-SIZE: 2px; FONT-FAMILY: arial
}
.hedsmallwhite {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.formDark {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	color: #000000;
	background-color: #cccccc;
	padding: 7px 4px 4px 4px;
	vertical-align: top;
}

.formDarkLeft {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background-color: #cccccc;
	padding: 7px 4px 4px 4px;
	vertical-align: top;
}

.formLight {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background-color: #eeeeee;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}

.formLightCenter {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background-color: #eeeeee;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
	text-align: center;
}

.formTitle {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	padding: 1px 1px 1px 1px;
}
.formTitle2 {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	padding: 1px 1px 1px 1px;
}

.button {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #003366;
}

.formElement {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
}
.mainNav {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	color: #000000;
}

.normaltext {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	color: #000000;
}

.largetext {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 11pt;
	color: #000000;
}

.smalltext {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	color: #000000;
}

.footertext {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 7pt;
	color: #CCCCCC;
}

.homeBoxHeader {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	color: #000000;
	background-image: url(/intranet/images/subhed-bg.gif);
	width: 100%;
	text-align: left;
	vertical-align: middle;
}

.sideBox {
	position: absolute;
	top: 0px;
	left: 560px;
}

.mainBoxLarge {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 780px;
}

.mainBoxSmall {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 550px;
}

td.nav {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
	text-align: center;
}

td.navSelected {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	background-color: #eeeeee;
	text-align: center;
}

td.header {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #003366;
	text-align: center;
}

td.headerLeft {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #003366;
	text-align: left;
}

td.headerRight {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #003366;
	text-align: right;
}

td.rowDark {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 8pt;
	color: #000000;
	background-color: #eeeeee;
	text-align: left;
	vertical-align: top;
}

td.rowDark2 {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 9pt;
	color: #000000;
	background-color: #eeeeee;
	text-align: left;
	vertical-align: top;
}

td.rowDark3 {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 10pt;
	color: #000000;
	background-color: #eeeeee;
	text-align: right;
	vertical-align: top;
}

td.rowDark4 {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 10pt;
	color: #000000;
	background-color: #eeeeee;
	text-align: left;
	vertical-align: top;
}

td.rowDarkRight {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 8pt;
	color: #000000;
	background-color: #eeeeee;
	text-align: right;
	vertical-align: top;
}

td.rowDarkCenter {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 8pt;
	color: #000000;
	background-color: #eeeeee;
	text-align: center;
	vertical-align: top;
}

td.rowLight {
	font-family: Arial,Verdana,Helvetica,Sans Serif;;
	font-size: 8pt;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}

td.rowLight2 {
	font-family: Arial,Verdana,Helvetica,Sans Serif;;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
}

td.rowLightRight {
	font-family: Arial,Verdana,Helvetica,Sans Serif;;
	font-size: 8pt;
	color: #000000;
	background-color: #ffffff;
	text-align: right;
	vertical-align: top;
}

td.rowLightCenter {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 8pt;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
}

.normalDark {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	color: #000000;
	background-color: #cccccc;
	padding: 1px 1px 1px 1px;
	vertical-align: top;
}

.normalLight {
	font-family: Arial,Verdana,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	background-color: #eeeeee;
	padding: 1px 1px 1px 1px;
	vertical-align: top;
}

.normalTitle {
	font-family: Verdana,Arial,Helvetica,Sans Serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	padding: 4px 4px 4px 4px;
}