﻿/*  General Styles  */
html, body 						{ margin:0px; padding:0px; background-color:#FFFFFF;}
img										{	border:0px; }
td										{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:16px; }
hr										{	border-top:1px solid #86B5D8; height:1px; padding:0px; margin:0px; }
h1										{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:18px; color:#054b5B; line-height:20px; }
h2										{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#054b5B; line-height:16px; margin:0px; padding:0px; font-weight:bold; }
.faqheader						{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:18px; color:#006699; line-height:30px; }

.floatleft						{ float:left; }
.floatright						{ float:right; }
.bullet-blue 					{ color:#0062ab; }
.bluetext							{ color:#0062AD; }
.greentext						{ color:#054B5B; }
.dealer-container 		{ margin-top:17px; margin-left:28px; width:762px; }

.CsvTableStyle 				{ margin-top:20px; }
.CsvTableStyle th 		{ color:#FFDC00; background-color:#006699; font-weight:bold; padding: 2px; }
.CsvTableStyle td 		{ border-bottom:1px #006699 solid; border-right:1px #006699 solid; padding:2px; }


/*  Toolbox Styles  */
.toolboxframe					{	height:62px; text-align:right; }

.toolbox1 a						{ height:31px; width:96px; display:block; background:url(../images/b_ezsales-login_rollover.jpg) no-repeat top left; }
.toolbox1 a:hover			{ height:31px; width:96px; display:block; background:url(../images/b_ezsales-login_rollover.jpg) no-repeat bottom left; }
.toolbox2 a						{ height:31px; width:94px; display:block; background:url(../images/b_zodiac-poolcare.jpg) no-repeat top left; }
.toolbox2 a:hover			{ height:31px; width:94px; display:block; background:url(../images/b_zodiac-poolcare.jpg) no-repeat bottom left; }
.toolbox3 a						{ height:31px; width:38px; display:block; background:url(../images/b_font-large_rollover.jpg) no-repeat top left; }
.toolbox3 a:hover			{ height:31px; width:38px; display:block; background:url(../images/b_font-large_rollover.jpg) no-repeat bottom left; }
.toolbox4 a						{ height:31px; width:35px; display:block; background:url(../images/b_font-small_rollover.jpg) no-repeat top left; }
.toolbox4 a:hover			{ height:31px; width:35px; display:block; background:url(../images/b_font-small_rollover.jpg) no-repeat bottom left; }
.toolbox5 a						{ height:31px; width:44px; display:block; background:url(../images/b_print_rollover.jpg) no-repeat top left; }
.toolbox5 a:hover			{ height:31px; width:44px; display:block; background:url(../images/b_print_rollover.jpg) no-repeat bottom left; }


/*  Side Panel-Right Styles  */
.sidepanel1 a					{ height:48px; width:190px; display:block; background:url(../images/btab_register-your-warranty_rollover.gif) no-repeat top left; }
.sidepanel1 a:hover		{ height:48px; width:190px; display:block; background:url(../images/btab_register-your-warranty_rollover.gif) no-repeat bottom left; }

/*  Framework Styles  */
#primaryframework			{	margin-top:0px; *margin-top:-4px; _margin-top:0px; clear:both; margin-left:2px; *margin-left:1px; _margin-left:2px; width:947px; }
#footerframework			{	float:left; *float:none; _float:none; clear:both; margin-left:14px; width:958px; }
.navframework					{	width:178px; }
.sidepanelframe				{	float:left; width:180px;}
.bannerbg							{	width:178px; background-image:url(/images/banner_left-end.jpg); background-repeat: no-repeat; }
.footerframe					{	height:50px; border-top:1px solid #CCDFEE; }
.headerborderbottom		{	border-bottom:1px solid #0364AD; height:62px; }
.bannerframe					{	height:123px;}


/* Product Frame Style */
.productDetailBox			{ background-color:#e5e5e5;clear:both; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:10px;width:520px; float:left; position:relative; top:8px;margin-bottom:10px;}
.productDetail 				{ width:245px; display:block; float:left;margin-right:10px;}

.productFrame .productFrameText h2 a 				{ text-transform:uppercase; }
.productFrame .productFrameText h2 a:hover 	{ text-decoration:underline; color:#054b5B; }
.productFrame .productFrameTextNoLink h2 		{ text-transform:uppercase; }
.productFrameImage 									{ float:left; margin-top:0px; *margin-top:-4px; _margin-top:8px; }
.productFrameText 									{ padding-left:18px; float:left; width:400px; margin-top:0px; *margin-top:-4px; _margin-top:8px; }
.bottomFrameSpace 									{ float:left; margin-bottom:0px; *margin-bottom:0px; _margin-bottom:3px; }
.blue-divider 											{ margin-top:-4px; *margin-top:-4px; _margin-top:6px; float:left; }

#productSummary 						{ background-image:url(/images/product_panel.gif); height:215px; width:555px; padding-left:4px; padding-top:4px; margin-bottom:16px; float:left; background-repeat:no-repeat; }


/* Promo Panel Styles */
.HomePagePromoPanelsContainer 			{ width:800px; margin-top:10px; display:block; margin-right:auto; } 
.HomePagePromoPanels 								{ list-style:none; padding:0; margin:0; }
.HomePagePromoPanels li 						{ list-style:none; float:left; }
.promoPanelHorizontal 							{ float:left; padding-right:6px; }
.promoPanel 												{ float:left; padding-bottom:5px; }


/* Search Navigation */
.searchnav a 												{ background-image:url(/images/btn-search-go.jpg); display:block; width:25px; height:26px; background-position:0px 0px; }
.searchnav a:hover 									{ background-image:url(/images/btn-search-go.jpg); display:block; width:25px; height:26px; background-position: 0px 26px; }
#searchbox													{ background-image:url(/images/panel-search-bottom_home.jpg); background-repeat:no-repeat; float:left; position:relative; width:176px; height:285px; top:-38px; left:0px; *left:-2px; _left:0px; }
#searchterms												{	width:107px; height:16px; }


/*  Navigation Styles  */
#primarynav #primarynavtop a 				{	display:block; height:28px; margin-top:31px; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#006699; background-image: none; cursor:pointer; }
#primarynav #primarynavtop  				{	display:block; height:28px; margin-top:31px; }
#primarynav													{ float:left; display:block; margin:0px; padding:0px; list-style:none; position:relative; }
#primarynav ul											{ margin:0px; width:1px; padding:0px; }
#primarynav li											{ display:block; width:171px; height:28px; padding-left:28px; margin:0px; padding:0px; list-style:none; display:inline; }
#primarynav li a										{ display:block; width:171px; height:28px; padding-left:28px; float:left; background:url(/images/nav_rollover.jpg) no-repeat; background-position:left top; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:25px; font-weight:bold; color:#FFFFFF; }
#primarynav li a:hover 							{ float:left; background:url(/images/nav_rollover.jpg) no-repeat; background-position:left bottom; display:block; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:25px; font-weight:bold; color:#FFFFFF; }

#primarynav	#firstnav 							{ display:block; list-style:none; padding-left:28px; display:inline; margin:0px; padding:0px; }
#primarynav	#firstnav .firstnavlink { display:block; background:url(/images/nav_rollover_first.jpg) no-repeat; background-position:left top; height:28px; padding-left:28px; float:left; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:25px; font-weight:bold; color:#FFFFFF; }
#primarynav	#firstnav a:hover 			{ display:block; background:url(/images/nav_rollover_first.jpg) no-repeat; background-position:left bottom; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; }

#subnavourproducts .firstnav .selectedNav { background-position: 0px 24px! important; float:left;}
.selectedNav 												{ background-position: 0px 20px! important; float:left;}

#primarynav	#firstnav li,
#subnavourproducts li,
#subnavpoolmaintenace li,
#subnavpoolplanning li,
#subnavaboutus li										{	float:left; width:171px; height:18px; margin:0px; font-size:11px;  }  

#subnavourproducts li a,
#subnavpoolmaintenace li a,
#subnavpoolplanning li a,
#subnavaboutus li a									{	float:left; width:171px; height:18px; line-height:16px; display:block; font-weight:normal; font-size:11px; background:url(../images/nav_subnav-rollover.jpg) repeat-y; background-position:left top; color:#666666; }

#primarynav	#firstnav li a:hover,
#subnavourproducts li a:hover,
#subnavpoolmaintenace li a:hover,
#subnavpoolplanning li a:hover,
#subnavaboutus li a:hover						{	width:148px; line-height:16px; display:block; font-size:11px; background:url(../images/nav_subnav-rollover.jpg) repeat-y; background-position:left bottom; color:#000000; font-weight:normal; }

#subnavourproducts .firstnav a   		{ padding-top:2px; width:148px; height:22px; display:block; font-size:11px; background-image:url(../images/nav_subnav-rollover-1.jpg); color:#666666; font-weight:normal; }
#subnavourproducts .firstnav a:hover{ padding-top:2px; width:148px; height:22px; display:block; font-size:11px; background-image:url(../images/nav_subnav-rollover-1.jpg); color:#000000; font-weight:normal; }

#primarynav	#firstnav .lastNavItem 	{ float:left; width:171px; height:22px; background-image:url(/images/nav_subnav-space.jpg); }
#subnavourproducts .lastNavItem 		{ float:left; width:171px; height:22px; background-image:url(/images/nav_subnav-space.jpg); }
#subnavpoolmaintenace .lastNavItem 	{ float:left; width:171px; height:22px; background-image:url(/images/nav_subnav-space.jpg); }
#subnavpoolplanning .lastNavItem 		{ float:left; width:171px; height:22px; background-image:url(/images/nav_subnav-space.jpg); }
#subnavaboutus .lastNavItem 				{ float:left; width:171px; height:22px; background-image:url(/images/nav_subnav-space.jpg); }

#subnavpoolplanning .firstnav 			{ float:left; width:171px; padding-top:3px; background-image:url(/images/nav_subnav-space.jpg); }
#primarynav	#firstnav .firstnav 		{ float:left; width:171px; padding-top:3px; background-image:url(/images/nav_subnav-space.jpg); }
#subnavourproducts .firstnav 				{ float:left; width:171px; } 
#subnavpoolmaintenace .firstnav 		{ float:left; width:171px; padding-top:3px; background-image:url(/images/nav_subnav-space.jpg); }
#subnavaboutus .firstnav 						{ float:left; width:171px; padding-top:3px; background-image:url(/images/nav_subnav-space.jpg); }


/*#subnavourproducts,
#subnavpoolmaintenace,
#subnavpoolplanning,
#subnavaboutus											{	display:none; visibility:hidden; }*/

/* Sitemap Styles */
#sitemaptable 											{ margin-left:28px; margin-top:17px; width:762px; }
#sitemaptable ul 										{ list-style:none; padding:0px; margin:0px; }
#sitemaptable ul li 								{ padding-top:5px; }
#sitemaptable .sitemap-second-row h2{ padding-top:17px; }


/*  Footer Styles  */
.footertext													{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#999999; width:789px; float:right; padding-top:5px; }
.footertext a												{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration: none; }
.footertext a:hover									{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration: underline; }


/*  Printability Styles - Do not change unless neccessary */
@media print {
.contentframe												{	width:558px; display:block; }

.bannerframe,
.toolboxframe,
.bannerbg,
.navframework,
.sidepanelframe,
.footerframe,
.noprint														{ display:none; visibility:hidden; }
}
