.lightgrayBG { background-color: #E7E8E9; }
.lightblueBG { background-color: #C7EAFB; }
.grayBG { background-color: #e0e0e0; }
.greenBG { background-color: #e8fdd9; }
.blueBG { background-color: #d9f2fd; }
.yellowBG { background-color: #fdfdd9; }
.carbonBG { background-color: #b8d8b9; }
.brightblueBG { background-color: #90f6ff; }
.beigeBG { background-color: #fcedcb; }
.hoverBlueBG:hover div { background-color: #59cfea; text-decoration: none; }
.hoverBeigeBG:hover div { background-color: #fdd884; text-decoration: none; }
.hoverGreenBG:hover div { background-color: #c2fe96; text-decoration: none; }

.serenityBG { background-color: #FFE7CD; }
.selfcleanBG { background-color: #B2BBD2; }
.swimSpaBG { background-color: #C7D6EE; }

.serenityBGDark { background-color: #F89828; }
.selfcleanBGDark { background-color: #002B5C; }
.swimSpaBGDark { background-color: #0071BC; }

.serenity { color: #F89828; }
.selfclean { color: #002B5C; }
.swimSpa { color: #0071BC; }

.serenityFont { color: #F89828; font-family: Arial, sans-serif; font-weight: bold; text-align: left; display: block; margin: 0em; padding: 0px; }
.selfcleanFont { color: #002B5C; font-family: Arial, sans-serif; font-weight: bold; text-align: left; display: block; margin: 0em; padding: 0px; }
.swimSpaFont { color: #0071BC; font-family: Arial, sans-serif; font-weight: bold; text-align: left; display: block; margin: 0em; padding: 0px; }
.otherFont { color: #666666; font-family: Arial, sans-serif; font-weight: bold; text-align: left; display: block; margin: 0em; padding: 0px; }

.ProductSelectBlue { background-color: #d9f2fd; }
.ProductSelectBlue:Hover { background-color: #59cfea; }

.ProductSelect { background-color: #F0F0F0; }
.ProductSelect:Hover { background-color: #DDDDDD; }

.SelfCleanProductSelect { background-color: #FFFFFF; }
.SelfCleanProductSelect:Hover { background-color: #B2BBD2; }

.SwimSpaProductSelect { background-color: #FFFFFF; }
.SwimSpaProductSelect:Hover { background-color: #C7D6EE; }

.SerenityProductSelect { background-color: #FFFFFF; }
.SerenityProductSelect:Hover { background-color: #FFE7CD; }

.ImageMenu { background-color: #FFFFFF; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px }
.ImageMenu:Hover { background-color: #DDDDDD; }

.ImageMenuCell { height: 100%; padding-top: 10px; padding-bottom: 0px; vertical-align: top; float:left; }

.SCRoundWrapper { background-color: #002B5C; width: 266px; margin: 0px; }
.SCMenuButton { background-color: #002B5C; display: block; text-align: left; padding: 5px; padding-left: 30px; width: 232px; height: 21px; cursor: pointer}
.SCMenuPopOut { background-color: #002B5C; display: table-cell; text-align: left; padding: 0px; padding-left: 0px; width: 700px; border: 5px solid #002B5C; }

a.SCHeadingLinks { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.2em; }
a:hover.SCHeadingLinks { color: #B2BBD2; text-decoration: underline; }

.SCImageMenu { background-color: #FFFFFF; cursor: pointer;  margin-top: 4px; margin-bottom: 0px}
/* .SCImageMenu:Hover { background-color: #B2BBD2; } */


.SSRoundWrapper { background-color: #0071BC; width: 266px; margin: 0px; }
.SSMenuButton { background-color: #0071BC; display: block; text-align: left; padding: 5px; padding-left: 30px; width: 232px; height: 21px; cursor: pointer}
.SSMenuPopOut { background-color: #0071BC; display: table-cell; text-align: left; padding: 5px; width: 700px; }

a.SSHeadingLinks { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.2em; }
a:hover.SSHeadingLinks { color: #C7D6EE; text-decoration: underline; }

.SSImageMenu { background-color: #FFFFFF; cursor: pointer;  margin-top: 4px; margin-bottom: 0px}
/* .SSImageMenu:Hover { background-color: #C7D6EE; } */


.SRoundWrapper { background-color: #F89828; width: 266px; margin: 0px; }
.SMenuButton { background-color: #F89828; display: block; text-align: left; padding: 5px; padding-left: 30px; width: 232px; height: 21px; cursor: pointer}
.SMenuPopOut { background-color: #F89828; display: table-cell; text-align: left; padding: 5px; padding-left: 5px; width: 700px; }

a.SHeadingLinks { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.2em; }
a:hover.SHeadingLinks { color: #FFE7CD; text-decoration: underline; }

.SImageMenu { background-color: #FFFFFF; cursor: pointer;  margin-top: 4px; margin-bottom: 0px}
/* .SImageMenu:Hover { background-color: #FFE7CD; } */


.OtherRoundWrapper { background-color: #648596; width: 266px; margin: 0px; }
.OtherMenuButton { background-color: #648596; display: block; text-align: left; padding: 5px; padding-left: 30px; width: 232px; height: 21px; cursor: pointer}
.OtherMenuPopOut { background-color: #648596; display: table-cell; text-align: left; padding: 5px; padding-left: 5px; width: 700px; }

a.OtherHeadingLinks { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.2em; }
a:hover.OtherHeadingLinks { color: #EEEEEE; text-decoration: underline; }

.OtherImageMenu { background-color: #FFFFFF; cursor: pointer;  margin-top: 4px; margin-bottom: 0px}
/* .OtherImageMenu:Hover { background-color: #709FB2; } */


.MenuButton { display: block; text-align: center; padding: 5px; padding-left: 20px; width: 242px; height: 25px; }

.FinanceRoundWrapper { background-color: #00AA4F; width: 266px; }
.SORoundWrapper { background-color: #F78F1E; width: 266px; }
.BrochureRoundWrapper { background-color: #EF4135; width: 266px; }

.FinanceRoundWrapper:Hover { background-color: #a1d88b; width: 266px; }
.SORoundWrapper:Hover { background-color: #ffc775; width: 266px; }
.BrochureRoundWrapper:Hover { background-color: #ff5c5e; width: 266px; }

a.HeadingLinks { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a:hover.HeadingLinks { color: #DDDDDD; text-decoration: underline; }


.GradientMenuButton { 
    display: block; text-align: left; padding: 5px; padding-left: 30px; padding-top: 10px; width: 238px; height: 30px; 
    background-image: url('/Images/Buttons/HP-GradientButton_001.png'); background-repeat: no-repeat;
    background-position: left top; margin-left: -4px; cursor: pointer;
}

a.btnHeadingLinks {  text-decoration: none; font-weight: bold; font-size: 1em; } /* color: #444444; */
a:hover.btnHeadingLinks { color: #555555; text-decoration: underline; }

.btnHeadingLinks {  text-decoration: none; font-weight: bold; font-size: 1em; } /* color: #444444; */
.btnHeadingLinks:Hover { color: #555555; text-decoration: underline; }

.SCDivItem {
    width: 98%; border: 1px solid #AAAAAA; min-height: 200px;
}

.SCDivItem:Hover {
    background-color: #e5e9f4;
}


.SDivItem {
    width: 98%; border: 1px solid #AAAAAA; min-height: 200px;
}
.SDivItem:Hover {
    background-color: #fff7ee;
}

.SSDivItem {
    width: 100%; min-height: 200px;

}
/*
.SSDivItem:Hover {
    background-color: #C7D6EE;
}
*/

.OtherDivItem {
    width: 98%; border: 1px solid #AAAAAA; min-height: 200px;
    
}

.OtherDivItem:Hover {
    background-color: #faf5df;
}


.DivHeaderCell {
    height: 64px; padding-left: 20px; padding-top: -6px; padding-bottom: 6px; background-image: url('/Images/Buttons/HP-HeadingGradient_001.jpg'); background-repeat: repeat-x; background-position: top left; border-bottom: 1px solid #AAAAAA; background-color: #FFFFFF;
}

.DivHeaderCellSC {
    height: 30px; padding-left: 20px; padding-top: -6px; padding-bottom: 6px; background-image: url('/Images/Buttons/SelfCleanSliver.png'); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #AAAAAA;
}

.DivHeaderCellSS {
    height: 30px; padding-left: 20px; padding-top: -6px; padding-bottom: 6px; background-image: url('/Images/Buttons/SwimSpas.png'); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #AAAAAA;
}

.DivHeaderCellSerenity {
    height: 30px; padding-left: 20px; padding-top: -6px; padding-bottom: 6px; background-image: url('/Images/Buttons/SerenitySliver.png'); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #AAAAAA;
}

.DivHeaderCellOP {
    height: 30px; padding-left: 20px; padding-top: -6px; padding-bottom: 6px; background-image: url('/Images/Buttons/OtherHotTubsBrand.png'); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #AAAAAA;
}
.DivItem { width: 98%; border: 1px solid #AAAAAA; }
.DivItem:Hover { background-color: #F4F4F4; }
.KeyFeaturesMenuLink { padding:4px;font-size:0.8em;font-weight:bold; }
.KeyFeaturesMenu { border:1px solid #AAAAAA;margin-top:-1px;border-top:3px solid #AAAAAA;background-color:#F4F4F4;width:170px;padding:4px; }
.KeyFeaturesTitle { border-bottom:0px;border-top:1px solid #AAAAAA;padding:2px;text-align:center;display:table-cell;vertical-align:top; }