﻿/*  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:#006699; line-height:20px; }
h2										{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#006699; 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;}


/*  Toolbox Styles  */
.toolbox1 a						{ height:31px; width:84px; display:block; background:url(../images/b_trade-login_rollover.jpg) no-repeat top left; }
.toolbox1 a:hover			{ height:31px; width:84px; display:block; background:url(../images/b_trade-login_rollover.jpg) no-repeat bottom left; }
.toolbox2 a						{ height:31px; width:38px; display:block; background:url(../images/b_font-large_rollover.jpg) no-repeat top left; }
.toolbox2 a:hover			{ height:31px; width:38px; display:block; background:url(../images/b_font-large_rollover.jpg) no-repeat bottom left; }
.toolbox3 a						{ height:31px; width:35px; display:block; background:url(../images/b_font-small_rollover.jpg) no-repeat top left; }
.toolbox3 a:hover			{ height:31px; width:35px; display:block; background:url(../images/b_font-small_rollover.jpg) no-repeat bottom left; }
.toolbox4 a						{ height:31px; width:44px; display:block; background:url(../images/b_print_rollover.jpg) no-repeat top left; }
.toolbox4 a:hover			{ height:31px; width:44px; display:block; background:url(../images/b_print_rollover.jpg) no-repeat bottom left; }
.toolbox5 a						{ height:31px; width:96px; display:block; background:url(../images/b_ezsales-login_rollover.jpg) no-repeat top left; }
.toolbox5 a:hover			{ height:31px; width:96px; display:block; background:url(../images/b_ezsales-login_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;}
.toolboxframe					{	width:213px; height:62px; text-align:right; }
.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;}

/*  Navigation Styles  */

/* search at 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;}

#primarynav #primarynavtop a 	{	display:block;text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#006699; background-image: none; cursor:pointer; padding-top:0px;*padding-top:0px;_padding-top:3px;}
#primarynav #primarynavtop  {	display:block;height:20px;*height:24px;_height:24px;margin-top:15px;*margin-top:15px;_margin-top:15px;}
#primarynav						{float:left;*float:none;_float:none;margin:0px; padding:0px; list-style:none; position:relative; margin-top:-70px;*margin-top:-70px;_margin-top:-74px;}
#primarynav ul				{ margin:0px;width:1px;padding:0px; }
#primarynav li				{ display:block;width:175px;height:28px; list-style:none; padding-left:28px; display:inline; margin:0px; padding:0px; }
#primarynav li a			{ display:block;width:148px;*width:148px;_width:175px;height:28px; text-decoration:none; padding-left:28px; float:left;
						      background:url(/images/nav_rollover.jpg) no-repeat; background-position:left top; font-family: Arial, Verdana, Helvetica, sans-serif; display:block; font-size:12px; line-height:25px; font-weight:bold; color:#FFFFFF; }
#primarynav li a:hover 		{ background:url(/images/nav_rollover.jpg) no-repeat; background-position:left bottom; font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#FFFFFF; }

#primarynav	#firstnav { display:block;width:175px;list-style:none; padding-left:28px; display:inline; margin:0px; padding:0px; }
#primarynav	#firstnav .firstnavlink {display:block;width:148px;*width:148px;_width:175px;height:28px;text-decoration:none; padding-left:28px; float:left;background:url(../images/nav_rollover_first.jpg) no-repeat; background-position:left top; 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;*background-position: 0px 20px! important;_background-position: 0px 20px! 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:148px;*width:148px;_width:175px;height:18px; margin:0px; font-size:11px;  }  

#subnavourproducts li a,
#subnavpoolmaintenace li a,
#subnavpoolplanning li a,
#subnavaboutus li a		{	float:left;width:148px;*width:148px;_width:175px;line-height:16px; height:18px; display:block; font-size:11px; background:url(../images/nav_subnav-rollover.jpg) repeat-y;  background-position:left top; color:#666666; font-weight:normal;}

#primarynav	#firstnav li a:hover,
#subnavourproducts li a:hover,
#subnavpoolmaintenace li a:hover,
#subnavpoolplanning li a:hover,
#subnavaboutus li a:hover	{	width:148px;*width:148px;_width:175px;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;*padding-top:0px;_padding-top:0px;width:148px;*width:148px;_width:175px;height:22px;*height:18px;_height:20px;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;*padding-top:0px;_padding-top:0px;width:148px;*width:148px;_width:175px;height:22px;*height:18px;_height:20px;display:block; font-size:11px;
	background-image:url(../images/nav_subnav-rollover-1.jpg);color:#000000; font-weight:normal; }

#primarynav	#firstnav .lastNavItem {float:left;height:22px;width:175px;background-image:url(/images/nav_subnav-space.jpg);}
#subnavourproducts   .lastNavItem {float:left;height:22px;width:175px;background-image:url(/images/nav_subnav-space.jpg);}
#subnavpoolmaintenace  .lastNavItem {float:left;height:22px;width:175px;background-image:url(/images/nav_subnav-space.jpg);}
#subnavpoolplanning  .lastNavItem {float:left;height:22px;width:175px;background-image:url(/images/nav_subnav-space.jpg);}
#subnavaboutus  .lastNavItem {float:left;height:22px;width:175px;background-image:url(/images/nav_subnav-space.jpg);}

#subnavpoolplanning .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);}
#primarynav	#firstnav .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);}
#subnavourproducts .firstnav {float:left;width:175px;} 
#subnavpoolmaintenace .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);}
#subnavaboutus .firstnav {float:left;width:175px;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;}

.dealer-container {margin-top:17px;margin-left:28px;width:762px;}


/*  Footer Styles  */
.footertext						{	font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#999999; width:789px; float:right; }
.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; }
.bluetext							{ color:#0062AD; }

/*  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; }
}
