/* RESET */
* { margin: 0; padding: 0; }
html { 
	overflow-y: scroll; /* Fix scroll jump */
	overflow-x: hidden; /* Hide x-scrollbar */
	overflow: -moz-scrollbars-vertical; /* Fix firefox */
	}

body {
/*	font:12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 62.5%;*/
	font-size: 12px;
    background: url(../images/template/lh-bg.gif) top center repeat-x;
	color:#868585;
/*background-color:#00FF00;*/

}
ul { list-style: none inside; }
/*p { font-size: 1.15em; line-height: 1.2em; margin-bottom: 1.2em; color:#868585;}*/
p { font-size: 12px; line-height: 18px; margin-bottom: 18px; color:#868585;}
a { outline: none; }
a img { border: none; }

a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #666666;
}

.smallGreyText { 
	font-size: 11px; 
	line-height: 15px; 
	color: #868585;
	}

.downloadLink:link {	color: #0090d5;}
.downloadLink:visited {	color: #0090d5;}
.downloadLink:hover {	color: #000000;	text-decoration: none;}
.downloadLink:active {	color: #0090d5;}

h1 { 
	font-size: 22px; 
	margin-bottom: 0.8em; 
	}

h2 { 
	font-size: 11px; 
	line-height: 15px; 
	margin-bottom: 15px; 
	font-style:normal; 
	font-weight: normal; 
	color:#333333; 
	}

h3 { 
	font-size: 12px; 
	line-height: 18px; 
	margin-bottom: 18px; 
	color:#868585;
	}

/*h1 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/*h2 { font-size: 1.15em; line-height: 1.2em; margin-bottom: 1.2em; font-style:normal; font-weight: normal; color:#333333; }*/
/*h3 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/*h4 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/*h5 { font-size: 2.0em; margin-bottom: 0.8em; }*/
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

#rightHalf {
   background: url(../images/template/rh-bg.gif) repeat-x;
   width: 50%;
   position: absolute;
   right: 0px;
   height: 100%;
/*   z-index: 10;*/
}


/*#rightHalf {
	background: url(../images/template/rh-bg.gif) repeat-x;
	width: 50%;
	position: absolute;
	right: 0px;
	height: 100%;
	z-index: 10;
}*/
/* Duplicates the standard body, resets co-ords to 0,0 top left corner. */
#backgroundWrapper {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

/*div#topSpace {
	background: #FFFFFF;
	width: 1245px;
	height: 12px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	border: 0;
}*/

div#pageWrap {
/*	width: 960px;*/
	width: 1245px;
	height: 588px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	position:relative;
	z-index: 100;
}

	div#header {
		border-top: 1px #e9ebea solid;
		border-bottom:1px #e9ebea solid;
		height: 84px;
		background: #FFFFFF;
	}
	div#topMenu {
	/*	border-top: 1px #e9ebea solid;*/
		height: 28px;
		}
		div#topMenu div#topMenuContainer {
			float: left;
			width: 580px;
		}
		div#topMenu div#topMenuSearch {
			float: right;
			width: 200px;
			/*margin: 0 260px 0 0; For use when no page flip*/
			margin: 0 302px 0 0;
			padding: 3px 0 0 0;
		}
		
/* hack for older versions of IE with incorrect box model */		
* html div#topMenu div#topMenuSearch {
    \width: 200px; /* for IE5 and IE6 in quirks mode */
   	w\idth: 200px; /* for IE6 in standards mode */
 	} 
	div#botMenu {
	/*	border-top: 1px #e9ebea solid;*/
		height: 34px;
		margin: 22px 0 0 0;
		}
		
		div#botMenu div#smallLogo {
			float: left;
			width: 149px;
			height: 34px;
			margin: 0 116px 0 0;
			}
			h1#logo {
				width: 149px;
				height: 34px;
				background: url(../images/template/poynters-logo.gif) top left no-repeat;
				text-indent: -9999px;
				margin: 0 0 0 0;
				}
		div#botMenu div#productMenu {
			float: left;
			width: 580px;
		/*position: absolute;
		top: 5px;
		left: 5px;*/		
			}
			div#botMenu div#productMenu ul {
				margin:0;
				padding:0;
				list-style: none;
				}
				div#botMenu div#productMenu li {
					float:left;/*more compatible with browsers*/
					/*display: inline;   otherway to do it*/
					margin-right:12px;
					}
				
		
	div#mainContent {
		margin: 12px 0 12px 0;
		}
		div#mainContent div#leftColumn {
			float: left;
			width: 235px;
			height: 426px;
			background: #ffffff;
			border-top: #e9ebea solid 1px;
			border-bottom: #e9ebea solid 1px;
			border-right: #e9ebea solid 1px;
			padding: 12px 12px 0px 12px;
			overflow: hidden;
/*			margin: 0px 5px 0px 0px;*/
			}
			div#mainContent div#leftColumn h2#leftcolumnh2title {
				padding: 0;
				height: 0;
				width: 0;
				text-indent: -9999px;
				margin: 0;
				font-size: 12px; 
				line-height: 0; 
				}
			div#mainContent div#leftColumn div#leftColumnTitle {
				padding: 4px 0 10px 0;
				height: 50px;
				}

			div#mainContent div#leftColumn div#leftColumnText {
				padding: 0 0 0 0;
				height: 330px;
				overflow: hidden;
				}
			
			div#mainContent div#leftColumn div#leftColumnFooter {
				padding: 4px 0 0 0;
				}
			div#mainContent div#leftColumn div#words {
				width: 0px;
				height: 0px;
				text-indent: -9999px;
				margin: 0 0 0 0;
				}
		div#mainContent div#leftVerticalSpacer {
			float: left;
			width: 5px;
			height: 440px;
			background: #ffffff;
		}
		div#mainColumn {
			float: left;
			width: 715px;
			height: 474px;
			background: #ffffff;
			border-right: #FFFFFF 5px solid;
			/*overflow-y: scroll;*/
			/*overflow-x: hidden;*/
			overflow: hidden;
			}
		div#ajaxBox {
			width: 715px;
			height: 440px;
			background: #ffffff;
			border: 0;
			/*overflow-y: scroll;*/
			/*overflow-x: hidden;*/
			overflow: hidden;
			}
			div#ajaxBox ul {
					list-style: disc outside;
					margin: 0 0 0 10px;
					}
					div#ajaxBox li {
						padding: 0 0 5px 0;
						}
		div#ajaxContent {
				width: 699x;
				padding: 8px 8px 8px 8px;
				background: #ffffff;
				border: 0;
				/*overflow-y: scroll;*/
				/*overflow-x: hidden;*/
				overflow: hidden;
				}
			
		div#product2Columnsleft {
				float: left;
				width: 355px;
				height: 440px;
				/*height: 474px;*/
				background: #ffffff;
				margin: 0 5px 0 0;
				overflow:hidden;
				text-decoration: none;	
				}
				
		div#product2Columnsright {
				float: left;
				width: 355px;
				height: 440px;
				/*height: 474px;*/
				background: #ffffff;
				margin: 0 0 0 0;
				overflow:hidden;
				text-decoration: none;
				}
			
		div#product2ColumnsBottomleft {
				float: left;
				width: 355px;
				height: 34px;
				background: #ffffff;
				margin: 0 5px 0 0;
				overflow:hidden;
				text-decoration: none;	
				}
				
		div#product2ColumnsBottomright {
				float: left;
				width: 355px;
				height: 34px;
				background: #ffffff;
				margin: 0 0 0 0;
				overflow:hidden;
				text-decoration: none;
				}
		div#productInformationSingleColumn {
				height: 420px;
				background: #ffffff;
				padding: 10px 10px 10px 10px;
				overflow:hidden;
				}
		div#productInformation2Columnsleft {
				float: left;
				width: 339px;
				padding: 8px 8px 8px 8px;
				background: #ffffff;
				margin: 0 5px 0 0;
				text-decoration: none;	
				}
				
		div#productInformation2Columnsright {
				float: left;
				width: 339px;
				padding: 8px 8px 8px 8px;
				/*height: 474px;*/
				background: #ffffff;
				margin: 0 0 0 0;
				text-decoration: none;
				}
		
			
		div#mainContent div#rightColumn {
			float: right;
			width: 260px;
			height: 440px;
			background: #e9ebea;
			overflow: hidden;
			}
			div#mainContent div#rightColumn div#rightColumnLogo {
				padding: 155px 8px 0px 8px;
				}

			div#mainContent div#rightColumn div#rightColumnAddress {
				padding: 10px 8px 0 8px;
				/*overflow: hidden;*/
			}
	
	div#footer {
		margin: 60px 0px 12px 0px;
		}				
			
			
	



div#headerText {
	display: none;
}
	
div#test {
	width: 100px;
	height: 100px;
	padding: 5px;
	border: 10px;
	border: 50px #00FF00 solid;
}


.formsearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
	background-color: #c2c2c2;
	height: auto;
	width: auto;
	margin-top: 2;
	margin-right: 2;
	margin-bottom: 2;
	margin-left: 2;
	border-top: 3px solid #c2c2c2;
	border-right: 3px solid #c2c2c2;
	border-bottom: 3px solid #c2c2c2;
	border-left: 3px solid #c2c2c2;

}

.formsearchbutton {
	margin: 0px; 
	padding: 0px;

}



img.productImages {
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0 8px 0 0;
	}
	
img.productImagesBanner {
	border: 1px solid #FFFFFF;
	margin: 4px 0 8px 4px;
	}

.productBlocks2x1 {
	display: block;
	width: 331px;
	height: 424px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x1:hover {
	background: #e9ebea;
		
	}

.productText2x1 { 
	width: 314px;
	padding: 0 8px 0 8px;
	height: 300px;
	font-size: 11px; 
	line-height: 15px; 
	/*color: #535353;*/
	color: #868585
	}

.productBlocks2x2 {
	display: block;
	width: 331px;
	height: 201px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 5px 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x2:hover {
	background: #e9ebea;
		
	}
.productBlocks2x2Bottom {
	display: block;
	width: 331px;
	height: 202px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x2Bottom:hover {
	background: #e9ebea;
	}
.productText2x2 { 
	float: left;
	width: 186px;
	padding: 6px 0 0 0;
	height: 190px;
	font-size: 11px; 
	line-height: 15px; 
	/*color: #535353;*/
	color: #868585
	}

.productBlocks2x3 {
	display: block;
	width: 331px;
	height: 127px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 5px 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x3:hover {
	background: #e9ebea;
		
	}
.productBlocks2x3Bottom {
	display: block;
	width: 331px;
	height: 128px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x3Bottom:hover {
	background: #e9ebea;
	}
.productText2x3 { 
	float: left;
	width: 195px;
	padding: 6px 0 0 0;
	height: 119px;
	font-size: 11px; 
	line-height: 15px; 
	/*color: #535353;*/
	color: #868585
	}
	
.productBlocks2x4 {
	display: block;
	width: 329px;
	height: 90px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 5px 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x4:hover {
	background: #e9ebea;
	}
.productBlocks2x4Bottom {
	display: block;
	width: 329px;
	height: 91px;
	background: #ffffff;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0 0;
	overflow:hidden;
	text-decoration: none;				
	}
.productBlocks2x4Bottom:hover {
	background: #e9ebea;
	}

.productText2x4 { 
	float: left;
	width: 195px;
	padding: 6px 0 0 0;
	height: 85px;
	font-size: 11px; 
	line-height: 15px; 
	/*color: #535353;*/
	color: #868585
	}

.productTextHeading { 
	font-size: 12px;
	font-weight: bold;
	}
.productTextHeadingRed { 
	font-size: 12px;
	font-weight: bold;
	color: #dc0000;
	}
	
.informationTextHeadingBlue { 
	font-size: 13px;
	font-weight: bold;
	color: #0090d5;
	text-transform: capitalize;
	}
.informationBoxGrey {
	border: #CCCCCC solid 1px;
	padding: 5px 8px 5px 8px;
	margin: 3px 0 3px 0;
	}
img.informationImagesLeft {
	float: left;
	border: 1px solid #FFFFFF;
	margin: 0 8px 0 0;
	}
.informationText { 
	float: right;
	width: 470px;
	padding: 0px;
	font-size: 11px; 
	line-height: 15px; 
	color: #868585
	}
		
a.buttonBottom {
	display:block;
	margin: 5px 0 5px 0;
	padding: 4px 10px 0 10px;
	font-size: 12px;
	border: #0090d5 1px solid;
	background-color:#ffffff;
	color: #0090d5;
	height: 18px;
	text-decoration: none;
	text-align:center;
}
a.buttonBottom:hover {
	background-color:#0090d5;
	color: #FFFFFF;
}


.tableGrey {
	color:#000000;
	background-color: #e9ebea;
	font-size: 11px;
	padding: 3px;
	}
.tableBlue {
	color:#FFFFFF;
	background-color: #0090d5;
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	}

[if IE 5]>
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFix #sidebar1 { width: 180px; }
.thrColFix #sidebar2 { width: 190px; }
<![endif][if IE]>
/* place css fixes for all versions of IE in this conditional comment */
.thrColFix #sidebar2, .thrColFix #sidebar1 { padding-top: 30px; }
.thrColFix #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<![endif]






/******************* TOP MENU BAR *******************/	

div#topMenuNav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
div#topMenuNav li {
	float:left;/*more compatible with browsers*/
	/*display: inline;   otherway to do it*/
	/*margin-right:1px;  menu gap*/
	}
	
div#topMenuNav a {
	display:block; 
	height:0; 
	padding:28px 0 0 0; 
	overflow:hidden;
	text-indent: -9999px;
	}

/* hack for older versions of IE with incorrect box model */
* html div#topMenuNav a:link, * html div#topMenuNav a :visited {height:28px; he\ight:0;}


div#topMenuNav li#listHome {
	background: transparent url(http://www.poolside.co.nz/images/menu/menu-home-a.gif) top left no-repeat;
	width: 60px;
	}
div#topMenuNav a#home {
	background: transparent url(http://www.poolside.co.nz/images/menu/menu-home-b.gif) -62px -30px no-repeat;
	width: 60px;
	}
div#topMenuNav a#home:hover {
	background-position:top left; z-index:1000;
	width: 60px;
	}
div#topMenuNav li#listHomeB {
	background: transparent url(http://www.poolside.co.nz/images/menu/menu-home-b.gif) top left no-repeat;
	width: 60px;
	}
	
		
div#topMenuNav li#listProducts {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-products-a.gif) top left no-repeat;
	width: 79px;
	}
div#topMenuNav a#products {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-products-b.gif) -81px -30px no-repeat;
	width: 79px;
	}
div#topMenuNav a#products:hover {
	background-position:top left; z-index:1000;
	width: 79px;
	}
div#topMenuNav li#listProductsB {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-products-b.gif) top left no-repeat;
	width: 79px;
	}
	
	
	
div#topMenuNav li#listWhatsnew {
	background: transparent url(http://www.poolside.co.nz/images/menu/menu-whatsnew-a.gif) top left no-repeat;
	width: 87px;
	}
div#topMenuNav a#whatsnew {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-whatsnew-b.gif) -89px -30px no-repeat;
	width: 87px;
	}
div#topMenuNav a#whatsnew:hover {
	background-position:top left; z-index:1000;
	width: 87px;
	}
div#topMenuNav li#listWhatsnewB {
	background: transparent url(http://www.poolside.co.nz/images/menu/menu-whatsnew-b.gif) top left no-repeat;
	width: 87px;
	}
	
	
div#topMenuNav li#listAboutus   {
	background:  transparent url(http://www.poolside.co.nz/images/menu/menu-aboutus-a.gif) top left no-repeat;
	width: 79px;
	}
div#topMenuNav a#aboutus {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-aboutus-b.gif) -81px -30px no-repeat;
	width: 79px;
	}
div#topMenuNav a#aboutus:hover {
	background-position:top left; z-index:1000;
	width: 79px;
	}
div#topMenuNav li#listAboutusB  {
	background:  transparent url(http://www.poolside.co.nz/images/menu/menu-aboutus-b.gif) top left no-repeat;
	width: 79px;
	}
	

div#topMenuNav li#listShowroom  {
	background:  url(http://www.poolside.co.nz/images/menu/menu-showroom-a.gif) top left no-repeat;
	width: 89px;
	}
div#topMenuNav a#showroom {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-showroom-b.gif) -91px -30px no-repeat;
	width: 89px;
	}
div#topMenuNav a#showroom:hover {
	background-position:top left; z-index:1000;
	width: 89px;
	}
div#topMenuNav li#listShowroomB  {
	background:  url(http://www.poolside.co.nz/images/menu/menu-showroom-b.gif) top left no-repeat;
	width: 89px;
	}
	

	
div#topMenuNav li#listContact  {
	background:  url(http://www.poolside.co.nz/images/menu/menu-contact-a.gif) top left no-repeat;
	width: 71px;
	}
div#topMenuNav a#contact {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-contact-b.gif) -73px -30px no-repeat;
	width: 71px;
	}
div#topMenuNav a#contact:hover {
	background-position:top left; z-index:1000;
	width: 71px;
	}
div#topMenuNav li#listContactB  {
	background:  url(http://www.poolside.co.nz/images/menu/menu-contact-b.gif) top left no-repeat;
	width: 71px;
	}
	
	
div#topMenuNav li#listSpecials   {
	background:  url(http://www.poolside.co.nz/images/menu/menu-specials-a.gif) top left no-repeat;
	width: 96px;
	}
div#topMenuNav a#specials {
	background: transparent  url(http://www.poolside.co.nz/images/menu/menu-specials-b.gif) -72px -30px no-repeat;
	width: 96px;
	}
div#topMenuNav a#specials:hover {
	background-position:top left; z-index:1000;
	width: 96px;
	}
div#topMenuNav li#listSpecialsB {
	background:  url(http://www.poolside.co.nz/images/menu/menu-specials-b.gif) top left no-repeat;
	width: 96px;
	}



* html #menu a:hover {height:28px; he\ight:0;}


/* ######### CSS for  Ajax Tabbed Menus.  CENTRAL MAIN COLUMN ######### */

div#poyntersdivcontainer {
	border:0; 
	width: 715px; 
	height: 440px; 
	background-color: #ffffff; 
	padding: 0px;
	overflow:hidden;
}


.poynterstabbedmenu {
	padding: 0;
	width: 714px;
	/*border-top: 5px solid #0090d5; */
	border-top: 5px solid #ffffff;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.poynterstabbedmenu ul{
margin:0;
margin-left: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.poynterstabbedmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: capitalize;
}

.poynterstabbedmenu a{
float: left;
display: block;
font-size: 12px;
color: #868585;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 3px 7px 3px 7px;
background-color: #ffffff; 
border-top: 1px solid #ffffff;
}

.poynterstabbedmenu a:hover{
background-color: #66bce6; 
color: #ffffff;
}

.poynterstabbedmenu a.selected{ /*currently selected tab*/
background-color: #0090d5; 
color: white;
border-color: #ffffff; 
}

/* ######### CSS for  Ajax Tabbed Menus.  LEFT SIDE COLUMN ######### */

div#leftColumnTextAjaxOverlay {
	padding: 0 0 0 0;
	height: 290px;
	overflow: hidden;
}

.poynterstabbedmenuLeftColumnMenu {
	padding: 0;
	border-top: 5px solid #ffffff;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;

}

.poynterstabbedmenuLeftColumnMenu ul{
margin:0;
margin-left: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.poynterstabbedmenuLeftColumnMenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: capitalize;
}

.poynterstabbedmenuLeftColumnMenu a{
float: left;
display: block;
font-size: 10px;
color: #868585;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 3px 7px 3px 7px;
background-color: #ffffff; 
border-top: 1px solid #ffffff;
}

.poynterstabbedmenuLeftColumnMenu a:hover{
background-color: #999999;
color: #ffffff;
}

.poynterstabbedmenuLeftColumnMenu a.selected{ /*currently selected tab*/
background-color: #0090d5; 
color: white;
border-color: #ffffff; 
}


div#leftColumnTextScroll {
	padding: 0 0 0 0;
	width: 233px;
	background: #ffffff;
	}

/* JAVA PAGEFLIP MOD - RIGHT CORNER OF SCREEN */
#pageflip {
/*	position: relative;*/
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 10000;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 9000;
	right: 0; top: 0;
	background: url(../images/advert-onlineshop.png) no-repeat right top;
	text-indent: -9999px;
}