/* - - Main Template Styles  - - */
body 
{
    background: #000;
    font-family: 'Trebuchet MS', trebuchet, helvetica, arial, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

p 
{
    margin-bottom: 10px;   
}

strong
{
    font-weight: bold;   
}

.ulined
{
    text-decoration:underline;
}

#siteContainer 
{
	position:relative;
	width: 980px;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-left: auto ;
    margin-right: auto ;
	text-align:left;
}    

.clearfix
{
	height:1%;
}

.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#homeflash,  #swfProductSelector, #flashcontent
{
    outline: none;
}

/* - - Header Styles  - - */

#header 
{
    position:relative;
    background-image: url("../images/header_curve.gif");
    background-repeat: no-repeat;
    height: 93px;
}

.logo
{
    position:relative;
    float:left;
    left:65px;
    top:16px;
}

#utility 
{
    position:relative;
    left: 341px;
    top: 10px;

}

#utilitynav 
{
    color: #999;
    font-size: 11px;
}

#utilitynav a, #utilitynav a:visited 
{
    color: #999;
    font-size: 11px;  
    text-decoration: none;
}

#utilitynav a:hover 
{
   text-decoration: underline;
}

#findadealer 
{
    position: relative;
    top: 35px;
    left: 40px;
    color: #CCC;
    font-size: 12px;

}

.ErrorMsg
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin-bottom:10px;
}

#findadealer .txtFindDealer
{
    height:12px;
    width: 50px;
    margin: 0px 0px 0px 10px;
    font-size: 10px;
    padding:0px 0px 2px 2px;

}

#findadealer .btnFindDealer
{
    position: relative;
    top: 5px;
    padding-left: 4px;
}

/* - - Home Styles  - - */

#homecontent
{
    position:relative;
    background-image: url("../images/home/seo_bg_slice.gif");
    background-repeat: repeat-x;
    height: 120px;
    padding: 0px 20px 0px 20px;
}

#homecontent a, #homecontent a:visited, #homecontent a:hover
{
    display:block;
    font-size: 12px;
    color: #213F8A;
    text-decoration: none;
    padding-left: 15px;     
}

#homecontent .left
{
    position:relative;
	width:485px;
	float:left;
}

#homecontent .right
{
    position:relative;
	width:410px;
	float:right;
}

#homecontent p 
{
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}

/* - - main nav styles - - */
#menu
{
    width: 980px;
}

#menu img 
{
    position:relative;
    float:left;
}


#menu a
{    
    height: 47px;
}

.navpoolcleaners 
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_pool-cleaners.gif);
  background-position: 0px 0px;
  height:47px;
  width: 208px; 
}

.PoolCleanersOn
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_pool-cleaners.gif);
  background-position: 0px -47px;
  height:47px;
  width: 208px;    
}

.navboosters 
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_booster-pumps.gif);
  background-position: 0px 0px;
  height:47px;
  width: 201px; 
}

.BoosterPumpsOn
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_booster-pumps.gif);
  background-position: 0px -47px;
  height:47px;
  width: 201px; 
}

.navaccessories 
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_accessories.gif);
  background-position: 0px 0px;
  height:47px;
  width: 174px; 
}

.AccessoriesOn
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_accessories.gif);
  background-position: 0px -47px;
  height:47px;
  width: 174px; 
}

.navselector 
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_product-selector.gif);
  background-position: 0px 0px;
  height:47px;
  width: 223px; 
}

.ProductSelectorOn
{
  position:relative;
  float:left;
  background: transparent scroll ;
  background-repeat: no-repeat;
  background-image: url(../images/subpages/nav/nav_product-selector.gif);
  background-position: 0px -47px;
  height:47px;
  width: 223px; 
}

.navpoolcleaners:hover,.navboosters:hover, .navaccessories:hover, .navselector:hover
{
  background-position: 0px -47px;
}

#menu a div
{    
  position:relative;
  display:inline;
  height:47px;
  width: 208px;       
}

/* - - sub page nav styles - - */


#submenu 
{
   position:relative;
   float:left;
   background-image: url("../images/subpages/subnav_BG.gif" );
   background-repeat: no-repeat;
   height: 356px ;
   width: 219px ;
   background-position:0px 0px;
   padding: 0px 0px 0px 0px;
   z-index:100;
}

#submenu h1 
{
    font-size: 19px;
    padding: 0px 0px 20px 20px;
    background-image: url("../images/subpages/subnav_line.gif");
    background-repeat: no-repeat;
    background-position: 0px 30px;
}

#BoosterPump,#NoBoosterPump,#SuctionCleaner
{   
    margin: 15px 0px;
}

#SubMenuItems div h2, #SubMenuLinks h2 a, #SubMenuLinks h2 span
{
    font-size: 14px;
    padding-left: 20px;
    margin-right: 20px;
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
       
}

#SubMenuLinks h2 a:hover
{
    color: #5C7DB0;   
}

#submenu div .modelRow span
{
    font-size: 13px;
}

.SubMenuTitleHighlighted
{
    background-image: url("../images/subpages/img_bg_subnav_on.jpg");
    background-repeat:no-repeat;
}

#SubMenuItems .modelRow, #SubMenuItems p
{
    padding-left: 20px;    
}

#SubMenuItems div .modelRow span a, #submenu div .modelRow span a:visited
{
    font-size: 13px;
    color: #5C7DB0;   
    text-decoration: none;
}

#submenu div .modelRow span a:hover
{
    color: #FFFFFF;   
}

.MenuSelection 
{
    color: #FFFFFF;
}
    
.MenuTitleSection
{
    background-color: #45494d;
    background-image: url("../images/blue_arrow_ltblueBG.gif");
    margin-right: 20px;
}

/* - - sub page flash - - */

#subflash
{
    position:relative;
}

#flashproductpage
{
    position:relative;
    float:left;
    width: 761px;
    height: 356px;
    z-index: 0;
}

#flashproductpage img.ProductImage
{
    position:relative;
    z-index: 0;    
}

#FeatureList
{
 position:absolute;
 top:86px;
 left: 26px; 
 z-index: 5;    
}

#FeatureList ul
{
    width: 200px;
    margin: 0px 0px 10px 5px;
    font-size: 12px;
}

#FeatureList ul li span 
{
    margin-left: -8px;
    margin-right: 5px;
}
#FeatureList a, #FeatureList a:visited
{
    display:block;
    color: #5C7DB0;
    font-size: 13px;
    text-decoration:none;
    margin-left: -15px;
    padding-left: 15px;
    margin-bottom:-10px;
    height: 20px;
}
  
#FeatureList a:hover
{
    background-image: url("../images/subpages/blue_arrow_blackBG.gif");
    background-position: -3px 4px ;
    background-repeat: no-repeat;
}

/* - - Product Selector - - */

#ProductSelector,#swfProductSelector
{
    position:relative;
    float:right;
    width: 804px;
    height: 464px;
    left:0px;
    top: 0px;
    z-index: 10;
}

#psSubmenu 
{
   position:relative;
   float:left;
   background-image: url("../images/subpages/ZOD-021_product_selector.gif" );
   background-repeat: no-repeat;
   height: 464px ;
   width: 176px ;
   z-index:5;
}

#psSubmenu h1 
{
    font-size: 19px;
    padding: 0px 0px 20px 20px;
    background-image: url("../images/subpages/subnav_line.gif");
    background-repeat: no-repeat;
    background-position: 0px 53px;
}

#psSubmenu #SubMenuItems p 
{
    font-size: 16px;
}

#psSubmenu #SubMenuItems p a 
{
    display:block;
    margin-top: 15px;
    color: #525D71;
    text-decoration: none;
}

#psContent
{
    position:relative;
    float:left;
    background-image: url("../images/subpages/ps_bg_slice.gif");
    background-repeat: repeat-x;    
    height: 33px;
    width: 979px;
    margin-left: 1px;    
 }


#needflash
{
    position:absolute;
    top: 100px;
    left: 100px;
    font-size: 24px;    
}

#needflash a
{
   color: #FFFFFF;     
}

/* - - Sub Page Body  - - */

#ProductDetail
{
    position:relative;
    width: 944px;
    background-image: url("../images/subpages/subpage_contentBG_slice.gif" );
    background-color: #B4BAC8;
    background-repeat: repeat-x;
    padding: 0px 0px 20px 36px;
}

#ProductLine
{
    position:relative;
    float:left;
}

#ProductLine p
{
    padding: 10px 0px 5px 15px; 
}

#ProductLine a, #ProductLine a:visited 
{
    position:relative;
    padding: 1px 1px 5px 15px; 
    font-size: 12px;
    color: #000000;   
    text-decoration: none;
    display: block;
}

#ProductLine a:hover 
{
 color: #000C28;
 text-decoration: underline;   
}

.DetailImages
{
    position:relative;
    float:left;    
}

.DetailImages img
{
    display:block;
    margin: 5px 0px 7px 0px;  
}

#DetailSubBlock
{
    position: relative;
    float: left;
    width: 700px;
    margin: 0px 0px 0px 36px;   
}

.NonProductCopy
{
    padding-left: 145px;   
}

#DetailCopy, .ProductLineCopy, .NonProductCopy
{
    margin: 0px 0px 30px 0px;
    color: #000000; 
    font-size: 12px;     
}

#DetailCopy ul
{
    margin-left: 20px;
    margin-bottom: 10px;
}

#DetailCopy ul li span
{
    padding-right: 5px;
}

#DetailCopy h2
{
    font-weight:bold;
    margin-bottom: 10px;
}

#DetailBreakouts
{
    margin: 0px 45px 0px 0px;   
}

.downloads
{
    position:relative;
    float:left;
}

.downloads h2, #DetailCopy h1, .ProductLineCopy h1, .NonProductCopy h1
{
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 10px;    
}

.downloads a, .downloads a:visited, #Resellers a
{
    display:block;
    font-size: 12px;
    color: #213F8A;
    text-decoration: none;
    margin-left: -15px;
    padding-left: 15px;     
}

.downloads a:hover,#Resellers a:hover
{
    background-image: url("../images/subpages/blue_arrow_ltblueBG.gif");
    background-position: -3px 3px ;
    background-repeat: no-repeat;
}

.RebatesCallout
{
    position:relative;
    float:right;
    padding: 0px 10px;
}

.RebatesCallout img
{
    position:relative;
    float:left;
}

.RebateCopy
{
    position:relative;
    float:left;
    padding: 10px;    
}

.RebateCopy a img
{
    margin-top: 10px;   
}

/* - - Email Signup form - - */

#FormContainer input[type=text]
{
    height:12px;
    width: 150px;
    margin: 0px 10px 0px 0px;
    font-size: 10px;
    padding:0px 0px 2px 2px;
}

#FormContainer input[type=image]
{
    position: relative;
    top: 5px;
}


/* - - Find a Dealer - - */
#dealerform
{
    color: #FFFFFF;
}

#dealerform P span
{
    margin-left: 30px;
}

#dealerform p select
{
    margin-left: 15px;
}

#dealerform p select.type
{
    margin-left: 29px;
}


#dealerform p input[type="text"]
{
    margin-left: 7px;
}

#dealerform p input[type="submit"]
{
    margin-left: 63px;
}



/* - - Non Product subpage Styles  - - */

#column1
{
    float:left;
}

#column2
{
    float:right;
    width: 200px;
    margin-right: 150px;
}

#column1 h2, #column2 h2
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}

.NonProductCopy a, #DetailCopy a
{
    color: #213F8A ;
    text-decoration:none;

}

.NonProductCopy a:hover, #DetailCopy a:hover
{
    color: #FFFFFF ;

}

.NonProductCopy ul
{
    margin-left: 30px;
    margin-bottom: 20px;
}

.NonProductCopy li
{
    list-style-type:square;
    padding-left: 10px;
}

a.rebatelink
{
    display:block;
    font-size: 12px;
    color: #213F8A;
    text-decoration: none;
    margin-left: -15px;
    padding-left: 15px;       
}

a:hover.rebatelink
{
    background-image: url("../images/subpages/blue_arrow_ltblueBG.gif");
    background-position: -3px 3px ;
    background-repeat: no-repeat;
    color: #213F8A;
}


/* - - Footer Styles  - - */

#footer 
{
   position:relative;
   background-image: url("../images/footer_bg_slice.gif");
   background-repeat: repeat-x;   
   height: 36px;   
   padding:10px 40px 0px 50px;
   vertical-align:middle;
}

#footerlogo
{
    position:relative;
	width:320px;
    float:left;    
}

#footerlogo img
{
    float:left;    
}

#footerlogotext
{
    float:left;
    margin-top: 6px;   
}

#footerlinks
{
    float:right;
    text-align:right;
}

#footerlinks a,#footerlinks a:visited, #footerlogotext, #copyright
{
    color: #999 ;
    font-size: 10px;
    text-decoration: none;       
}

#footerlinks a:hover
{
    text-decoration: underline;
    color: #FFF;
}

/*-- Register Products --*/

.formControls {border-style:solid; border-width: 1px; font-size: 10px; margin: 1px; border-style: inset;}
.strong {font-weight: bold;}
#rpContent {}
#rpContent h1 {margin: 10px 0;}
#rpContent span {width: 260px; display: inline-block;}
#generalInfo span {width: auto;}
#generalInfo span span {width: 260px; display: inline-block;}
#rpContent span.shortSpan {width: 90px; display: inline-block;}
#rpContent span.autoSpan {width: auto; display: inline-block;}
.rqdFields {display: inline-block; width: 260px;}
#rpContent span.litShareStatus {font-weight: bold; font-size: 16px; color: red; width: auto !important; padding: 10px 0 0;}
.hideme {display: none;}
#ctl00_genericContent_txtOther {position: relative; top: -15px; left: 80px;}
#rpContent span.rqdFieldBar {width: 4px; position: relative; left: -7px; margin-right: -4px;}
#DetailCopy table td { vertical-align: top; padding: 5px; width: 33%; }
#DetailCopy table ul li { list-style: disc; }