@charset "utf-8";
/* CSS Document */

html, body{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 100%;   /*stretch to full broswer*/
	margin: 0px;
	padding: 0px;
}

body{
	background: #FFFFFF url(../images/bg.gif) repeat-y scroll center;
}

#nonFooter{
	position: relative;
	min-height: 100%; /*stretch to full broswer*/
	width: 750px;
	margin:auto;
	background: #FFFFFF url(../images/nonfooter_bg.gif) bottom center no-repeat;
}

* html #nonFooter{
	height: 100%;
}

#content-container{
	width: 750px;
	margin: auto;
	padding: 0px;
	padding-bottom: 30px;     /*leave blank space on the bottom for footer, refer to #foot-container height*/
}

#head{
	width: 750px;
	height: 134px;
}

#main-nav{
	width: 750px;
	height: 24px;
}

#under-nav-images{
	width: 750px;
	height: 83px;
}

#under-nav-blueline{
	width: 750px;
	height: 5px;
}

#nav{
	float: left;
	width: 255px;
	padding: 20px 15px 10px 30px;
	text-align: justify;
}

#home-content{
	float: left;
	width: 418px;
	padding: 30px 15px 10px 17px;
}

/*start of body content in hpme page*/
#content-img{
	padding: 0px;
	margin: 0px;
	float: left;
}

#content-text{
	float: left;
	width: 220px;
	padding: 0px 0px 70px 0px;;
	margin: 0px 0px 0px 13px;
	/*background: url(../images/content_bg.gif) no-repeat bottom right;*/
}
/*end of body content in hpme page*/

.part-content-container{
	margin: 0px;
	padding: 0px;
}

.part-top-content{
	width: 670px;
	margin: 0px 40px;
}

.top-content{
	width: 670px;
	margin: 5px 40px 10px 40px;
	padding: 0px;
}

.right-content{
	float: left;
	margin: 5px 0px 10px 20px;
	padding: 0px;
	text-align: left;
}

.left-content{
	float: left;
	width: 420px;
	margin: 5px 0px 10px 40px;
	padding: 0px;
	display: inline;
}

.left-content a, .left-content a:link, .left-content a:visited, .left-content a:active, .left-content a:hover{
	text-decoration: none;
	color: #000000
}

.gallery{
	width: 670px;
	margin: 5px 40px 60px 40px;
	padding: 0px;
}

#accessorieslist-top{
	padding: 0px;
	margin: 0px;
	width: 250px;
	height: 30px;
	background: #FFFFFF url(../images/big6-2.jpg) no-repeat top center;
}

#accessorieslist-body{
	padding: 0px;
	margin: 0px;
	width: 250px;
	background: #FFFFFF url(../images/big6-2.jpg) top center repeat-y scroll;
}

#accessorieslist-bottom{
	padding: 0px;
	margin: 0px;
	width: 250px;
	height: 30px;
	background: #FFFFFF url(../images/big6-2.jpg) no-repeat top center;
}

#productslist{
	margin: 0px 0px 0px 55px;
	font-size: 10px;
}

#footer{  /*bottom layout of the page, which is stick on the bottom*/
	position: relative;
	width: 750px;
	margin:auto;
	margin-top: -20px;
	height: 20px;
	text-align: center;
	color: #FFFFFF;
	/*background-color: #CCCCCC;*/
}

/*#footer a, #footer a:link, #footer a:visited, #footer a:active{
	color: #0099FF;
	text-decoration: underline;
}

#footer a:hover{
	color: #FF9933;
	text-decoration: underline;
}
*/

a, a:link, a:visited, a:active{
	color: #0099FF;
	text-decoration: underline;
}

a:hover{
	color: #FF9933;
	text-decoration: underline;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active{
	color: #00CCFF;
	text-decoration: underline;
}

.imagelinks{
	float: left;
	width: 250px;
	margin: 0px;
	padding: 5px 25px 60px 15px;
	color: #4d98d2;
	text-align: center;
}

.font-blue{
	color: #4d98d2;
}

.imagelinks a, .imagelinks a:link, .imagelinks a:visited, .imagelinks a:active, .imagelinks a:hover{
	text-decoration: none;
}

.clear{  /*for stretch the parent div*/
	clear: both;
}

.clear-bottom{  /*for stretch the parent div*/
	clear: both;
	padding-bottom: 60px;
}

h1{
	font-size: 16px;
	color: #035dae;
}

h2{
	font-size: 16px;
	color: #035dae;
}

h3{
	font-size: 14px;
	color: #035dae;
}

h3{
	font-size: 12px;
	color: #035dae;
}

#top-content ul{
	padding: 0px 40px;
	margin: 0px;
}

#top-content li{
	list-style-type: circle;
	margin: 0px 0px;
}

ul{
	padding: 0px 20px;
	margin: 0px;
}

li{
	list-style-type: disc;
	margin: 3px 0px;
}

tr, td{
	color: #000000;
}

.brandish{
}

.adminlogin{
}

/*start of map css*/

#imagelinks dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#imagelinks { padding-left: 0px; } 
/*/ 
#main-nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */

#north a {
	display: block;
	height: 0px !important;
	height /**/:87px; /* IE 5/Win hack */ 
	padding: 87px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#north a:hover {
	background-position: 0 -87px;
}

#south a {
	display: block;
	height: 0px !important;
	height /**/:117px; /* IE 5/Win hack */ 
	padding: 117px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#south a:hover {
	background-position: 0 -117px;
}

#north,
#north a { width: 126px; background-image: url(../images/map/map01.gif); }

#south,
#south a { width: 126px; background-image: url(../images/map/map03.gif); }
/*map css eof*/


/*start of nav css*/


#main-nav dl { margin: 0; padding: 0; }

/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 0px; } 
/*/ 
#main-nav { padding-left: 0px; overflow: hidden; } 
/* End Hack */

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:24px; /* IE 5/Win hack */ 
	padding: 24px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt { float: left; }

#main-nav dt a:hover {
	background-position: 0 -24px;
}

#main-nav dt#home,
#main-nav dt#home a { width: 60px; background-image: url(../images/nav_home.gif); }

#main-nav dt#pools,
#main-nav dt#pools a { width: 54px; background-image: url(../images/nav_pools.gif); }

#main-nav dt#spas,
#main-nav dt#spas a { width: 50px; background-image: url(../images/nav_spas.gif); }

#main-nav dt#accessories,
#main-nav dt#accessories a { width: 181px; background-image: url(../images/nav_accessories.gif); }

#main-nav dt#chemical,
#main-nav dt#chemical a { width: 87px; background-image: url(../images/nav_chemicals.gif); }

#main-nav dt#equiries,
#main-nav dt#equiries a { width: 71px; background-image: url(../images/nav_enquiries.gif); }

#main-nav dt#infoguide,
#main-nav dt#infoguide a { width: 132px; background-image: url(../images/nav_information.gif); }

#main-nav dt#customer,
#main-nav dt#customer a { width: 115px; background-image: url(../images/nav_customer.gif); }

body.home dt#home,
body.home dt#home a,
body.pools dt#pools,
body.pools dt#pools a,
body.spas dt#spas,
body.spas dt#spas a,
body.accessories dt#accessories,
body.accessories dt#accessories a,
body.chemical dt#chemical,
body.chemical dt#chemical a ,
body.equiries dt#equiries,
body.equiries dt#equiries a ,
body.infoguide dt#infoguide,
body.infoguide dt#infoguide a, 
body.customer dt#customer,
body.customer dt#customer a {
	background-position: 0 -24px;
}
/*end of nav css*/