body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img{border:0;}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, th, var {font-style:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}
	
html {
	font-size: 100%;
}

body {
	font-family: arial, helvetica, sans-serif;
	background: #dbf3fb url(Images/bg-home.gif) repeat-x;
	font-size: 75%;
	line-height: 1.5;
	color: #4d4d4d;
}

p {
    margin-bottom: 10px;
}

a {
	color: #00a0df;
}
		
a:hover {
	text-decoration: none;
}

.rep-bg {
    padding-top: 43px;
}

#container {
	width: 859px;
	margin: 0 auto;
}

#search {
	margin-top: 7px;
	float: right;
	visibility: hidden;
}

#btn-search {
	display:block;
	background: transparent url(Images/btn-search.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 69px;
	height: 27px;
	margin-right: 77px;
	border: 0px;
	float: left;
}

.btn-submit {
	width: 69px;
	height: 27px;
	margin-right: 5px;
	border: 0px;
	vertical-align: middle;
}

.btn-cancel {
	width: 72px;
	height: 27px;
	margin-right: 15px;
	border: 0px;
	vertical-align: middle;
}

#search h3 {
	display:block;
	background: transparent url(Images/h3-search.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 46px;
	height: 27px;
	float: left;
	margin-right: 5px;
}

#search .input {
	background: #c5e4ed;
	height: 18px;
	width: 157px;
	float: left;
	margin-right: 5px;
	border: 1px solid white;
	padding: 4px;
}

#header {
    float: left;
    width: 100%;
}

#header h1 {
	display:block;
	width: 186px;
	height: 84px;
	float: left;
}

#navigation {
    float: left;
    width: 431px;
	padding-top: 47px;
}

#navigation li {
	list-style: none;
	float: left;
}

#navigation li a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/nav-items.gif) no-repeat;
}

#navigation .nav-home a { background-position: 0 0; width: 54px;}
#navigation .nav-pools a { background-position: -54px 0; width: 51px;}
#navigation .nav-promos a { background-position: -105px 0; width: 64px;}
#navigation .nav-requestaquote a { background-position: -169px 0; width: 119px;}
#navigation .nav-contact a { background-position: -288px 0; width: 143px;}

#navigation .nav-home a:hover { background-position: 0 -37px; }
#navigation .nav-pools a:hover { background-position: -54px -37px; }
#navigation .nav-promos a:hover { background-position: -105px -37px; }
#navigation .nav-requestaquote a:hover { background-position: -169px -37px; }
#navigation .nav-contact a:hover { background-position: -288px -37px; }

#navigation .nav-home a.AspNet-Menu-Selected { background-position: 0 -74px; }
#navigation .nav-pools a.AspNet-Menu-Selected { background-position: -54px -74px; }
#navigation .nav-promos a.AspNet-Menu-Selected { background-position: -105px -74px; }
#navigation .nav-requestaquote a.AspNet-Menu-Selected { background-position: -169px -74px; }
#navigation .nav-contact a.AspNet-Menu-Selected { background-position: -288px -74px; }

.content {
    float: left;
    width: 100%;
    background: #fff;
}

.clearfix {
    clear: both;
}

#subnav {
    float: left;
    width: 179px;
}

#col1 .main {
    float: left;
    width: 401px;
    padding: 20px 20px 0 17px;
}

#col1 .subnavigation,
#col1 .subnavigation2 {
	float: left;
	width: 139px;
	clear: both;
	padding: 0 10px;
}

#col1 .subnavigation {
    padding-top: 10px;
    margin: -26px 0 0 20px;
    background: #bab1a1;
}

#col1 .subnavigation2 {
    padding-top: 20px;
    margin: 0 0 0 20px;
    background: #aba18f;
}

#col1 .subnavigation li,
#col1 .subnavigation2 li {
	list-style: none;
	padding-left: 0;
	background: none;
	border-bottom: solid 1px #cfc9bd;
}

#col1 .subnavigation li a,
#col1 .subnavigation2 li a {
	display: block;
	height: 26px;
	overflow: hidden;
	line-height: 26px;
	color: white;
	margin-left: 5px;
	text-decoration: none;
}

#col1 .subnavigation li a:hover,
#col1 .subnavigation2 li a:hover {
	text-decoration: underline;
}

#col1 .subnavigation .sub1_ {
	height: 40px;
	border-bottom: none;
}

#col1 .subnavigation2 .sub2_ {
	height: 25px;
	border-bottom: none;
}

#col1 .subnavigation2 .sub2-img {
    margin-left: -10px;
    height: 72px;
    border-bottom: none;
}

#col1 
{
	width: 617px;
	float: left;
	background: url(Images/bg-col1.jpg) no-repeat;
	padding-bottom: 20px;
}

#col1 h3 {
    font-size: 1.333em;
    font-weight: normal;
    color: #3450b0;
    margin: 0 0 10px 0;
}

#col1 h5 {
    font-weight: bold;
    font-size: 1em;
    color: #1a75bc;
    margin: 0;
}

#col1 p strong {
    color: #000;
}

#col2 {
	width: 242px;
	float: left;
}

#pagetitle {
    float: left;
    width: 100%;
    height: 122px;
    margin-bottom: 10px;
    position: relative;
}

#pagetitle h2 {
    position: absolute;
    bottom: 16px;
    left: 31px;
    font-family: Trebuchet MS, Serif;
    font-size: 3.25em;
    line-height: 1;
    color: #fff;
}

#content {
	width: 413px;
	float: left;
}

#content ul,
#container #fixul ul {
	margin-top: 10px;
}

#container #fixul ul li 
{
    margin-left: 20px;
}

#container #content ul li 
{
    margin-left: 20px;
}

#sp-pools #content img {
	float: right;
	/*margin-top: -83px;*/
	margin-top: -63px;
	margin-bottom: 20px;
	position: relative;
}

#sp-pools #content .DownloadList img {
    float: none;
    margin: 0;
}

h3 {
	font-size: 1.3em;
	color: #3450b0;
	line-height: 1.3em;
}

#sp-home #col1 h3 
{
	margin-top: 0;
}

#sp-pools #col1 h3,
#sp-pools #col1 p
{
    margin-left: 0;
}

#col1 h2 img 
{
    float: none;
}

#flash {
	width: 617px;
	float: left;
	margin-bottom: 20px;
	position: relative;
}

#flash .polaroids {
    position: absolute;
    right: 0;
    bottom: -175px;
}

#flash a {
    outline: 0;
}

#flash img,
#col1 h2 img { margin-top: 0; }

#flash h2,
#flash h3
{
	text-indent: -999px;
	overflow: hidden;
	height: 0;
}
#flash-cs
{
 margin-left:-5px;   
}

#flash .flashlink 
{
	display: block;
	background: transparent url(images/img-tell-me-more.gif) no-repeat;
	width: 107px;
	height: 16px;
	position: relative;
	text-indent: -999px;
	overflow: hidden;
	top: 273px;
	left: 38px;
}

#promo {
	margin-top: 7px;
	margin-left: 7px;
}
	
#container #col1 #pictureyourself h3 {
	display:block;
	background: transparent url(Images/h3-pictureyourself.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 143px;
	float: left;
	margin-left: 0px;
	margin-right: 0;
	height: 106px;
}


h4 {
    font-size: 1em;
    color: #1a75bc;
    text-transform: uppercase;
    margin: 0;
}

#pictureyourself img {
	float: right;
}


#pictureyourself p {
	margin-left: 43px;
	width: 377px;
}

#imglnk-quality {
	display:block;
	background: transparent url(Images/imglnk-quality.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 234px;
	margin-top: 0px;
	float: left;
	height: 71px;
	margin-left: 7px;
}

#imglnk-7days {
	display:block;
	background: transparent url(Images/imglnk-7days.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 234px;
	margin-top: 0px;
	float: left;
	height: 71px;
	margin-left: 7px;
}

#imglnk-range {
	display:block;
	background: transparent url(Images/imglnk-range.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 234px;
	margin-top: 0px;
	float: left;
	height: 71px;
	margin-left: 7px;
}

#imglnk-lifestyletips {
	display:block;
	background: transparent url(Images/imglnk-lifestyletips.jpg) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	width: 234px;
	margin-top: 0px;
	float: left;
	height: 71px;
	margin-left: 7px;
	margin-bottom: 15px;
}

.category p {
    font-size: .917em;
}

#sp-pools table {
    margin-left: -15px;
}

#sp-pools table td {
    padding: 0 5px;
}

#sp-registerforlifestyletips table,
#sp-contact table,
#sp-requestaquote table {
	margin-top: 12px;
	width: 535px;
}

#sp-registerforlifestyletips table table,
#sp-contact table table,
#sp-requestaquote table table {
    width: 100%;
    border-top: none;
}


#sp-registerforlifestyletips table,
#sp-contact table,
#sp-requestaquote table {
	border-top: 1px solid #aaeafb;
	padding-top: 20px;
	line-height: 30px;
}

.note {
	color: #8e8f90;
}

.required {
	color: #ff5a00;
	font-size: 1.3em;
}

#footer {
    float: left;
	width: 839px;
	margin: 0 10px 10px 10px;
	color: #62cdeb;
	background: #e2f6fe;
}

#footer .logos {
    float: left;
    width: 100%;
}

.logos .qualityendorsedcompany,
.logos .spasa-awards2010,
.logos .registeredbuildingpractioner,
.logos .spasa,
.logos .swimmingpoolaccociationsa,
.logos .spasa-gold,
.logos .spasa-silver,
.logos .spasa-bronze {
    float: left;
    display: block;
    font-size: 0;
}

.logos .spasa-awards2010,
.logos .registeredbuildingpractioner,
.logos .spasa,
.logos .swimmingpoolaccociationsa,
.logos .spasa-gold,
.logos .spasa-silver,
.logos .spasa-bronze {
    height: 91px;
}

.logos .qualityendorsedcompany {
    width: 54px;
    height: 98px;
    background: url(images/img-qualityendorsedcompany.gif) no-repeat;
    margin: -7px 112px 0 13px;
}

.logos .registeredbuildingpractioner {
    width: 134px;
    background: url(images/img-registeredbuildingpractioner.gif) no-repeat;
}

.logos .spasa {
    width: 142px;
    background: url(images/img-spasa.gif) no-repeat;
}

.logos .swimmingpoolaccociationsa {
    width: 78px;
    background: url(images/img-swimmingpoolaccociationsa.gif) no-repeat;
}

#footer .copyright {
    float: right;
    width: 643px;
    margin: 0 10px 20px 0;
    border-top: solid 1px #c8effc;
    padding-top: 10px;
}

#footer a {
	color: #62cdeb;
}

#footer p {
	font-size: 0.9em;
}

.footer-shadow {
    float: left;
    width: 100%;
    height: 20px;
    background: url(images/footer-shadow.png) no-repeat;
}

.action {
	border-top: 1px solid #aaeafb;
	padding-top: 14px;
}

.btm {
	padding-bottom: 14px;
}

#twc {
	text-decoration: none;
}

/* More Content Styles */

#content table.DownloadList {
    float: none;
}

#content table.DownloadList td 
{
    text-align: center;
    padding: 10px 5px;
    width: 163px;
    border-bottom: none;
    float: none;
}

#content table.DownloadList img 
{
    float: none;
    margin-top: 0;
    margin-bottom: 5px;
}

#content table.DownloadList em 
{
    font-size: 11px;
    color: #999;
    text-decoration: none;
}

#featureflash
{
	float: right;
	margin-bottom: 20px;
	width: 320px;
}

#tvc 
{
	margin-left: 35px;
	margin-top: 10px;
}

#container #fixul ul
{
	margin-left: 60px;
}

#sp-diy h2,
#sp-promos h2,
#sp-requestaquote h2,
#sp-contact h2
{
	height: auto;
}

#sp-contact table,
#sp-requestaquote table 
{
	padding-top: 0;
}

.padtop 
{
	padding-top: 20px;
}

.padbottom 
{
	padding-bottom: 20px;
}

#col1 ul
{
    margin: 0 0 10px 0;
}

#col1 ul li
{
    list-style-type: none;
    background: url(images/li-square.gif) no-repeat left 6px;
    padding-left: 10px;
}

.homecontent 
{
    clear: both;
    padding-left: 35px;
    padding-right: 210px;
}

#extra {
    border-top: solid 1px #e1dfd9;
    padding: 20px 0 0 0;
    margin: 19px 30px 20px 30px;
}

#sidebar {
    padding: 0 10px;
    margin-bottom: 20px;
}

.category.border {
    margin-top: 10px;
    border-top: solid 1px #e1dfd9;
    padding-top: 20px;
}

h3.h3-newrelease {
    width: 100%;
    height: 10px;
    background: url(images/h3-newrelease.gif) no-repeat;
    text-indent: -9999px;
    margin: 0 0 15px 0;
}

h3.h3-bestseller {
    width: 100%;
    height: 10px;
    background: url(images/h3-bestseller.gif) no-repeat;
    text-indent: -9999px;
    margin: 0 0 15px 0;
}

h3.h3-familyfavourites {
    width: 100%;
    height: 10px;
    background: url(images/h3-familyfavourites.gif) no-repeat;
    text-indent: -9999px;
    margin: 0 0 15px 0;
}

h3.h3-theclassics {
    width: 100%;
    height: 10px;
    background: url(images/h3-theclassics.gif) no-repeat;
    text-indent: -9999px;
    margin: 0 0 15px 0;
}

.note {
    color: #666;
    font-size: 0.833em;
}

.content.padding {
    width: auto;
    padding: 20px 30px;
}

.modelimage {
    margin-top: -40px;
}

.p-details {
    float: left;
    width: 120px
}

#sp-pools table.newrelease,
.newrelease {
    margin-left: 0;
}

#sp-pools table.newrelease td {
    padding: 0;
}

.newrelease .modelimage {
    margin-left: 5px;
}

/* promotion */
.promotionImage
{
    display: none;
    text-align: center;
    margin-bottom: 30px;
}