/* CSS Document */
/*******************************\ General styles /*******************************/
html
{
    background-color:#555555;
  
}


body {
	background:#FFFFFF;
	width:1000px;
	font-family:   Geneva, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding:0;
	position:relative;
	border:1px solid #eeeeee;
}

#wrapper
{
	width:990px; position:relative; top:-9px; float:left; height:760px; padding-left:10px; 
}

*html, #wrapper
{
	width:990px; position:relative; top:-10px; float:left; height:730px; padding-left:10px;
}

p {
 font-size: 14px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #333333;
 
}

span
{
 font-size: 14px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #333333;
}

ul {
 font-size: 14px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #333333;
}

ol
{
 font-size: 14px;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #333333;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 1.2em;
 color: #0066aa;
 font-weight: bolder;
}

h3
{
 font-size: 1.1em;
 color: #0066aa;
 font-weight: 700;
}


.hivis {
 color: #0066CC;
}
.lovis {
 color: #333333;
}
a {color:#0066aa; text-decoration:underline;}
a:active {color:#0066aa; text-decoration:underline;}
a:link {text-decoration: underline; color: #0066aa;}
a:visited {text-decoration: underline; color: #008dc3;}
a:hover {text-decoration: underline; color: #846597;}
a img {border:none;}

/************************************\ top navigation styles /************************************/
#header
{
	width:100%;
	background:url(../images/cv/Banner-Background-Repeat.jpg) Top right repeat-x;
}
#TopNav
{
	background:url(../images/cv/Banner.jpg) top left no-repeat;
	width:1000px;
	height:165px;
}
#TopNav #LogoCell
{
	width:230px;
}
#TopNav #SearchCell
{
	vertical-align:top;
}



#TopNav #LoginBoxCell
{
	margin-top:-5px;
}
#TopNav #LoginBox
{
	display:block;
	width:320px;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	margin-right:20px;
	margin-top:30px;
}

#searchBox
{
    padding-left:650px;
}

* html, #searchBox
    padding-left:350px;
}

#TopNav #LoginBox #postuserid, #TopNav #LoginBox #postpassword
{
	width:83px !important;
	border:1px solid #024e7e;
}
#TopNav #LoginBox #B2
{
	background:url(../images/cv/Login-Button.png) top left no-repeat;
	width:29px;
	height:21px;
	border:none;
}
#TopNav #LoginBox span
{
	float:right;
	margin-right:10px;
	color:#22b7ea;
	font-size:11px;
}
#TopNav #LoginBox span a
{
	color:#22b7ea;
}
#TopNav #LoginBox span a:hover
{
	color:#22b7ea;
	text-decoration:underline;
}
#TopNav #ShoppingCartCell
{
	vertical-align:top;
}
#TopNav #ShoppingCart
{
	display:block;
	width:290px;
	height:56px;
	background:url(../images/cv/Shopping-Cart-Background.jpg) top left no-repeat;
	margin-left:128px;
}
#TopNav #ShoppingCart #CartItems
{
	display:block;
	width:23px;
	height:9px;
	float:left;
	font-size:10px;
	margin-top:26px;
	margin-left:92px;
}
#TopNav #ShoppingCart #CartTotal
{
	display:block;
	width:54px;
	height:9px;
	float:left;
	font-size:10px;
	margin-top:26px;
	margin-left:25px;
}
#TopNav #ShoppingCart #ViewCart a
{
	display:block;
	width:60px;
	height:22px;
	background:url(../images/cv/View-Cart-Link.jpg) top left no-repeat;
	float:right;
	margin-top:14px;
	margin-right:26px;
}
#TopNavMenu
{
	position:absolute;
	margin-top:-64px;
	height:30px;
	margin-left:-45px;
}

#TopNavMenuAspx
{
	position:absolute;
	margin-top:-64px;
	height:30px;
	margin-left:15px;
}

*html, #TopNavMenuAspx
{
	position:absolute;
	margin-top:-50px;
	height:30px;
	margin-left:-720px;
}



*html, #TopNavMenu
{
	margin-top:-51px;
	margin-left:-490px;
	z-index:950;
}

/* for IE 8 */
#HomeTopNavMenu
{
	position:absolute;
	margin-top:-35px;
	height:30px;
	margin-left:-78px;
}




/* for firefox */
#HomeTopNavMenu, x:-moz-any-link, x:default
{
	position:absolute;
	margin-top:100px;
	height:30px;
	margin-left:-28px;
}

/* for IE 7 */
*html, #HomeTopNavMenu
{
	position:absolute;
	margin-top:-50px;
	height:30px;
	margin-left:-530px;
	z-index:990;
}




#Menu li
{
	height:30px;
	color:#004684;
	padding-left: 0px;
	padding-right: 5px;
	text-align:left;	
	/*background:transparent url(../images/cv/Menu-Item-Background.jpg) left center no-repeat; 
	font-weight:bold;*/
	font-size: 12px;
	display:block;
	float:left;
	list-style:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width:108px;
	position: relative;
	z-index:1000;
}

#Menu li a, #Menu li a:visited
{
	height:20px;
	color:#004684;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	background:transparent url(../images/cv/Menu-Item-Background.jpg) left top no-repeat;
	font-size: 12px;	
	display:block;
	/*font-weight:bold;*/
	vertical-align:middle;
	padding-top:4px;
	z-index:1001;	
}

#Menu li a:hover
{
	/* background:url(../images/cv/Menu-Item-Hover-Background.jpg) top left no-repeat; */
	/*background-color: #008dc3;*/
	color:#846597;
}

#Menu ul ul
{
	position:absolute;
	margin:0px;
	padding:0px;
	border:1px solid #FF0000;
	top:25px;
	text-align:left;
	/*width:170px;*/
	border:1px solid #d8d8d3;
	background:#FFFFFF url(../images/cv/Category-Navigation-Background.jpg) top left repeat-x; 
	/*display:block;*/
	display:none;
	/* background-color: #008dc3; */
	/* visibility:hidden; */
	list-style:none;
	left: 0;
	z-index:2000 !important;
}

#Menu ul ul li
{
	/*width:170px;*/
	height:25px;
	padding:0px;
	width:auto;
	border-bottom:1px dotted black;
	z-index:2001 !important;
}

#Menu ul ul a
{
	color:#004684 !important;
	/*width:100%;*/
	padding-left:10px;
	padding-right:10px;
	background:transparent !important;
	z-index:2002 !important;
}
*html #Menu ul ul a
{
	padding-bottom:3px;
	z-index:2002 !important;

}

#Menu ul ul li a:hover
{
	background:#FFFFFF !important;
	color:#846597 !important;
	/*display:block;*/
	/*width:150px;*/
	/*width:100%;*/
}

#Menu li:hover ul
{
	display: block;
}



/************************************\ footer navigation styles /************************************/

#footer
{
	display:block;
	width:990px;
	
	/*margin-left:auto;
	margin-right:auto;*/
	/*background:url(../images/cv/footerbg.gif) top left no-repeat;*/
	height:230px;
	
	background:url(../images/cv/Footer-Background-Repeat.jpg) top left repeat-x;
	clear:left;

}

#footer, x:-moz-any-link, x:default
{
    height:240px;
    
}

*:first-child+html #footer
{
   height:220px; 
}
	
#topTableRow
{
    height:45px; 
    *height:20px; 
}

#topTableRow, x:-moz-any-link, x:default
{
    height:20px; 
}	

.FooterContent
{
	
	/*font-size:12px;
	font-family:Arial;
	margin-top:18px;*/
	background:url(../images/cv/Footer-Background.jpg) top left repeat-x;
	
	height:230px;
	width:1000px;
	
	
	
	color:#FFFFFF;
	text-align:center;
	
	font-size:10px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	

	
}

.FooterContent, x:-moz-any-link, x:default
{
    height:240px;
}

*:first-child+html .FooterContent
{
   height:220px; 
}

.FooterContent a
{
	color:#FFFFFF;
	font-size:12px;
}

.FooterContent span
{
	color:#FFFFFF;
	
	font-size:12px;
}

.FooterContent a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}



div#sitemapSection 
{
   
   padding:40px 10px 0 0;
}

div.siteMapListWrapper 
{
   list-style:none;
    color:#f7f7f7;
	float:left;
	width:195px;
	text-align:left;
	padding:0 10px 0 10px;
	
}

div.siteMapListWrapper span
{
   padding-left:40px;
   font-size:14px;

}

div.siteMapListWrapper ul
{
   margin-top:5px;
   list-style-type:none;

}

div.siteMapListWrapper ul a
{
      
   text-decoration:none;

}

div.siteMapListWrapper ul a:hover
{
   text-decoration:underline; 
   cursor:pointer;

}

span.siteCopyright
{
    clear:both;
    margin:-10px 0 5px 0;
    padding-bottom:5px;
    display:block;
    line-height:10px;
}

#FooterPageLinks, #FooterInfoLinks, #FooterCV
{
	display:block;
	margin-left:10px;
}
#FooterPageLinks a, #FooterInfoLinks a, #FooterCV a
{
	color:#FFFFFF;
	text-decoration:none;
}
#FooterPageLinks a:hover, #FooterInfoLinks a:hover, #FooterCV a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
#FooterPageLinks
{
	padding-top:40px;
	

	
}

.FooterContentWrapper
{
	
}

/*---------------------------------------------left navigation CSS--------------------------------------------------*/

#leftNavigation
{
	/*float:left; 
	margin-left:10px;"*/
	float:left;
}

#leftNavigation div
{
	padding-bottom:2px;
	
}

#leftNavigation #NavigationLinks
{
	position:relative;
	margin-top:-4px;
	z-index:49;
}
#leftNavigation #NavigationLinks a
{
	z-index:50;
}
#leftNavigation #NavigationLinks img
{
	margin:0px 0px 1px 0px;
	z-index:50;
}
#leftNavigation #DealerLocator
{
	background:#FFFFFF url(../../images/TemplateImages/Where-Can-I-Buy-It.jpg) top left no-repeat;
	display:block;
	width:196px;
	height:193px;
	margin-bottom:5px;
}
#leftNavigation #DealerLocator #DLCategoriesList
{
	font-size:11px;
	font-family: Geneva, Arial, Helvetica, san-serif;
}
#leftNavigation #DealerLocator #DLCategoriesList
{
	border:1px solid #7f9db9;
	margin-top:73px;
	margin-left:13px;
}
#leftNavigation #DealerLocator #DLPostCodeInput
{
	width:84px;
	border:1px solid #7f9db9;
	float:left;
	margin-top:27px;
	margin-left:13px;
}
#leftNavigation #DealerLocator #DLSearchButton
{
	width:82px;
	height:42px;
	background:url(../../images/TemplateImages/Dealer-Locator-Search-Button.jpg) top left no-repeat;
	border:none;
	float:right;
	margin-top:14px;
	margin-right:9px;
}

#bottomMenu
{
	width: 100%; height: 139px; padding-top:10px; margin-left:-10px;
}

#fromRite
{
	width:232px; height:100px; margin-left:10px; margin-right:5px; background-image:url(../images/bg_riteways.jpg); float:left;
}

#fromWarranty
{
	width:232px; height:100px; margin-left:10px; margin-right:5px; background-image:url(../images/promo-warranty-button.jpg); float:left;
}

#bottomMenu a
{
	margin:10px 3px;
	
	
}

#bottomMenu div
{
	
	margin-top:2px;
	padding-bottom:2px;
	
}

#HomePage
{
	width: 770px; 
}


#HomePageContent
{
	width: 755px; margin-left:10px;
}

#HomePageContent p
{
	padding-bottom:10px;
	
}

#mainWrapper
{
	FONT-FAMILY:Arial; 
	FONT-SIZE:10pt; 
	float:right; 
	position:relative; 
	top:-13px; 
	left:-10px; 
}

/* Default Page Css */
#wrapper
{
	/*width:990px; position:relative; top:-30px; left:-150px;*/
}

#news
{
	width:190px; margin-top:10px; margin-left:5px; text-align:center; 
	
}

#overDiv
{
	position:absolute; visibility:hidden; z-index:1000;
}

.imgBreak
{
clear:left;
}

.imgText
{
	text-align:center;
	font-size:12px;
}

.contactBox
{
	padding-left:30px;
	padding:10px;
	
}

#ContactUsBlock
{
	padding: 5px; margin-top: 25px;
}

.contactBox img
{
	 padding-top:30px;
	width:261px; height:156px; border:0; 
}

.testimonialBox
{
	color:#333333;  font-size:11px;
}

.rootMainContent
{
	padding-left:250px; 
}

.rootLeftContent
{
	padding-top:10px;
}

.imgGallery span
{
	color:#333333;
	font-size:14px;
}

.poolCoverBox
{
padding:5px 0 0 20px;
height: 120px;

}

input.btn
	{
		color:#ffffff;
		font: bold small 'trebuchet ms', helvetica, san-serif;
		background: #06A7D6;
		border: 1px solid;
		border-color: #bbbbbb #bbbbbb #dddddd #dddddd;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#043F50', EndColorStr='#05A7D6')
		
	}
	
	input.btnhover
	{
		color:#ffffff;
		font: bold small 'trebuchet ms', helvetica, san-serif;
		background: #043F5f;
		border: 1px solid;
		border-color: #dddddd #dddddd #aaaaaa #aaaaaa;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#05A7D6', EndColorStr='#043F50')
	}
	
	input#HomeSelectTxt
	{
	    position:relative; top:25px; left:-7px;  height:12px;
	}
	
	
	/*this line is for firefox only, ff hack used */
	input#HomeSelectTxt, x:-moz-any-link, x:default 
	{
	    position:relative; top:25px; left:-11px;  height:12px;
	}
	/*this line is for IE7 only, IE7 hack used */
	*html, input#HomeSelectTxt
	{
	    position:relative; top:25px; left:-7px;  height:12px;
	}	
	

  
	
	#HomeSelect
	{
	    width:180px; margin-top:85px; margin-left:9px; font-size:10px;
	}
	
	

	
	#HomeSelectBtn
	{
	    position:relative;  height:19px; top:30px; left:-52px;
	}
	

	
	
	#quickMenuList a
	{
	    text-decoration:none;
	    color: #fffffe; font-weight:bold; font-size: 14px;
	}
	
	#quickMenuList a:hover
	{
	    color:#dddddd;
	}
	
	ul#quickMenuList 
	{
	     color:#fffffe; 
	     padding:0 0 0 30px; margin:0; border:0;
	}
	
	#quickLinks a
	{
	    text-decoration:none;
	}
	
	#quickLinks span
	{
	    color: #0066aa; font-size: 11px; position:relative; top:30px; font-weight:600;
	}
	
	#quickLinks a:hover span
	{
	    text-decoration:underline;
	}
	
#quickLinks img
	{
	  
	    float:left;
	}
	
	#quickLinks div
	{
	    clear:both;
	}
	
	
	
	.contentSection ul
	{
	    float:right;
	}
	
	.contentSection ul#contentlist
	{
	   float:none;
	   margin-left:60px;
	}
	
	#mainLeftWrapper h3 a
	{
	    font-size: .9em;
     color: #1570ca; 
	    text-decoration:none;
	}
	
	#mainLeftWrapper h3 a:hover
	{
	    font-size: .9em;
 color: #1570ca; 
	    text-decoration:none;
	}
	
	#mainLeftWrapper
	{
	    width: 650px; float: left; padding-right: 10px;
	}
	
	#mainRightWrapper
	{
	    width: 240px; float: left;
	}
	
	#features
	{
	    margin:0 border:0; padding:0; position:relative; top:35px; left:5px; display:block;
	}
	
	#features #Div1
	{
	    background: url('../images/testing/quickmenu_body.jpg') repeat-y; display:block; padding:0; margin:0; border:0; position:relative; top:-15px; left:0px;
	}
	
	
	
	


#contactLeftWrapper
{
	padding:10px; padding-left:10px; float:right; width:35%;  height:580px;
	background: #eeeeee;
		border: 1px solid;
		border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb;
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eeeeee', EndColorStr='#ffffff');*/
   
	

}

#contactLeftWrapper *
{
	/*color:white;*/
	font-size:14px;
}


#contactRightWrapper

{
	 margin-left:10px; float:left; width:60%;  padding:5px; height:590px;
background: #eeeeee;
		border: 1px solid;
		border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb;
		/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eeeeee', EndColorStr='#ffffff');*/




}

.WarrantyWrapper

{
	 margin-left:10px; float:left; width:850px;  padding:5px; 
background: #eeeeee;
		border: 1px solid;
		border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eeeeee', EndColorStr='#ffffff');
		
}

 .sectionWrapper

{
	   text-align:center;
	   padding:5px; 
background: #eeeeee;
		border: 1px solid;
		border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eeeeee', EndColorStr='#ffffff');
		
} 

 .sectionWrapperOne

{
	   padding:5px; 
background: #eeeeee;
		border: 1px solid;
		border-color: #bbbbbb #bbbbbb #bbbbbb #bbbbbb;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
		
} 

.WarrantyWrapper td

{
	padding:5px; 

}

#contactRightWrapper *
{
	/*color:white;*/
	font-size:14px;
}



.logoLinks a
{
    padding:0 50px 0 50px;  
  
}

.questions {
	width:650px;
	
}
.questions h3 {
	background: #f9f9f9 url(../images/testing/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	
	border: solid 1px #cccccc;

	cursor: pointer;
	font-size:13px;
	color:#444444;
	margin-bottom:5px;
}





.questions h3:hover {
	color: #970e1b;
}
.questions h3.active {
	background-position: right 5px;
	color: #970e1b;
}
.questions p {
	background: #f4f3fe;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
	border-bottom: solid 1px #c4c4c4;
	border-top: solid 1px #c4c4c4;
	margin-bottom:5px;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#eeeeee');
}

#whereInstaller
{
    background: url(../images/testing/Installer.jpg) no-repeat; width: 213px; height: 140px; margin-left: 5px;
}