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

div{
	margin:0px;
	padding:0px;
}
.container{
	width:960px;
	margin:0px auto;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
}
.z{
	border:1px solid red;
}
h1{
	font-family: 'league_gothicregular';
	color:#1071ad;
	font-weight:normal;
	text-transform:uppercase;	
}
h2{
	font-family: 'open_sansbold';
	color:#0291bb;
	font-size:17px;
	padding-bottom:20px;
	font-weight:normal;
	text-transform:uppercase;
}
h3{
	font-family: 'open_sansregular';
	color:#0291bb;
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;	
}
h4{
	font-family: 'open_sansbold';
	color:#0291bb;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
}
p{
	font-family: 'open_sanssemibold';
	color:#000;
	line-height:22px;
	font-size:13px;
}
a{
	font-family: open_sanssemibold;
	color:#f16501;
	font-size:13px;
	text-decoration: none;
}
a:hover{
	text-decoration:none;	
}
input[type="text"]{
	background-color:#ecefee;
	border:1px solid #878585;
	font-family: 'open_sansregular';
	font-size:14px;
	color:#0291bb;
	width:200px;
	height:30px;
	border-radius:3px;
	padding:0px 9px 0 9px;
	margin-bottom: 10px;
	box-shadow: inset 1px 1px 9px 3px rgba(0,0,0,0.2);
	padding:5px 9px 0 9px\9;
	*padding:5px 9px 0 9px;
	height:21px\9;
	*height:21px;
}
select.cat_dropdown, select.cat_dropdown option{
	width:219px;	
	height: 28px;
	border:1px solid #878585;
	font-family: 'open_sansregular';
	font-size:12px;
	color:#0291bb;
	background:#ecefee;
	box-shadow: inset 1px 1px 9px 3px rgba(0,0,0,0.2);
	padding: 0px 0px 0px 5px;
	margin-bottom:10px;
}
textarea{
	width:200px;
	background-color:#ecefee;	
	border:1px solid #878585;
	font-family: 'open_sansregular';
	font-size:14px;
	color:#0291bb;
	border-radius:3px;
	padding:0px 9px 0 9px;
	margin-bottom: 10px;
	box-shadow: inset 1px 1px 9px 3px rgba(0,0,0,0.2);
}
.orng-btn{
	font-size:17px;
	color:#fff;
	font-family: 'open_sansregular';
	background:#f16501;
	border:none;
	height:28px;
	line-height:28px;
	line-height:27px\0/;
	line-height:28px\9;
	cursor:pointer;
	text-transform:uppercase;
	padding:0px 5px;
	
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;	
}
.orng-btn:hover{
	background:#2e87bb;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;	
}
/*==================== HOME ===========================*/
.flexnav .touch-button {
	display:none !important;	
}
header{
	background:url(../images/header-bkg.png) repeat-x;
	height:88px;
	min-height:130px;	
}
.header {
	padding:7px 0 2px 0;	
}
.logo{
	float:left;
}
.header-right{
	float:right;
	width:426px;
}
.header-right form{
	float:left;
	margin-right: -14px;	
}
.header-right form input[type="text"], .news-ltr form input[type="text"]{
	background-color:#ecefee;
	border:1px solid #878585;
	font-family: 'open_sansregular';
	font-size:14px;
	color:#0291bb;
	width:196px;
	height:27px;
	margin-bottom:0;
	border-radius:10px;
	padding:0px 35px 0 9px;
	box-shadow:none;
	
	padding:5px 35px 0 9px\9;
	*padding:5px 35px 0 9px;
	height:21px\9;
	*height:21px;
}
/*=================== REQUEST QOUET =================*/
.toggle-wrapper {
    position:fixed;
    width:70px;
    height:100%;
    top:0;
    right:0;
	z-index:101;    
}
.toggle-wrapper .cart form{
	margin-left:15px;	
    position: absolute;
    top: 83px;
}

#toggle {    
    display:none;
}

label{
    display: block;
	cursor: pointer;
	position: relative;
	left: -88px;
	top: 193px;
	width: 88px;
}

#toggle:checked ~ .cart{
    right:0;
}
.cart {
    position: absolute;
    width:250px;
    height:100%;
    background-color:#1071ad;
    right: -250px;
    transition: right .4s;
    -moz-transition:right .4s;
    -webkit-transition:right .4s;
    -o-transition: right .4s;
    -ms-transition:right .4s;        
}
/*===========================================*/
.search-btn{
	background:url(../images/magnifying-glass.png) no-repeat;
	height:17px;
	width:17px;
	border: none;
	font-size: 0px;	
	position: relative;
	top: -5px;
	right: 35px;
	cursor: pointer;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #0291bb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #0291bb;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #0291bb;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #0291bb;
}
.header-right p{
	color:#1071ad;
	font-size:17px;
	line-height: 27px;
	text-align: right;
}
.cont-num{
	float:right;
}
.cont-num p:nth-of-type(2){
	font-size:25px;	
}
.cont-num p:nth-of-type(2) span{
	color:#f16501;	
}
.water-bkg {
	background:url(../images/water-bkg.jpg) repeat-x;
	/*height:440px;*/	
}
.main-nav{
	height:53px;
	/*background-color:#005a9f;
	opacity: 0.8;*/
	background:url(../images/menu-bkg.png) repeat-x;
	position: relative;
	z-index: 100;
	box-shadow: 0px 4px 9px #333;	
}
.slider{
	width:960px;
	margin:0px auto;
	padding-top: 56px;	
	padding-bottom: 1px;
}
.bxslider li article{
	font-family: 'open_sanssemibold_italic';
	font-size:33px;
	text-align: right;
	padding: 9px 20px 10px 20px;
	color:#fff;
	background-color:#2780b5;
	opacity: 0.8;
	width:396px;
	float: right;
	margin-top: -150px;
	line-height: 37px;
}
.bxslider li article a{
	font-size:15px;
	color:#fff;
	line-height:20px;
}
.news-ltr{
	margin-top:25px;
	height: 29px;
	line-height: 29px;	
}
.news-ltr p{
	font-family: 'open_sansregular';
	font-size:23px;
	color:#f16501;
	text-transform:uppercase;	
	float: left;
	padding-right: 53px;
	line-height: 32px;
}
.news-ltr form input[type="text"]{
	padding:0px 9px;
	padding:5px 9px 0px 9px\0/;
	padding:5px 9px 0px 9px\9;
	*padding:5px 9px 0px 9px;
	width:222px;
}
.ftr-list{
	margin:30px 0 27px 0;	
	display:inline-block;
}
.ftr-list-box{
	background:url(../images/title-bkg.png) no-repeat;
	float:left;	
	width:177px;
	margin-right:18px;
}
.ftr-list .ftr-list-box:nth-child(5){
	margin-right:0;	
}
.ftr-list-box img{
	width:176px;
	height:133px;
	position:relative;
	z-index:-1;
	margin-top: -52px;
	box-shadow: 0px 1px 12px 6px #ccc;
}
.ftr-list-box h1{
	font-size:23px;
	color:#fff;
	padding: 6px 0px 0px 37px;
	width: 98px;
	text-align: center;	
	text-shadow: 2px 2px 3px #222;
}
.ftr-list-box a{
	text-transform:uppercase;	
	text-align:right;
	padding:12px 0 24px 107px;
	display: inline-block;
	font-size:11px;
}
.ftr-list-box ul li{
	list-style:disc;
	margin:0 0 0 17px;	
	color:#0291bb;
	font-size: 10px;
}
.ftr-list-box ul li a{
	font-family: 'open_sansbold';
	color:#0291bb;
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	padding:0 0 8px 0;
	text-align:left;
	text-decoration:none;
	display:block;
}
.ftr-list-box ul li a:hover{
	color:#f16501;	
}
.ftr-list-box p{
	font-family: 'open_sansregular';
	font-size:15px;
	color:#0291bb;
	line-height:30px;	
}
.ftr-list-box h1 span{
	color:#f16501;
}
.footer-contact{
	background:url(../images/footer-water-bkg.jpg) repeat-x;
	height:auto;	
}
.footer-contact section{
	text-align:center;
	padding:38px 0 19px 0;	
}
.footer-contact section h1{
	color:#fff;
	font-size:26px;
	padding-bottom:17px;	
}
.footer-contact section p{
	color:#fff;
	font-size:19px;
	font-family: 'open_sanssemibold';
}
.footer-contact section span{
	color:#fff;
	font-size:25px;
	display:block;
	font-family: 'open_sanssemibold';
	line-height: 40px;
}
.footer-contact section a{
	color:#fff;
	font-size:15px;
	font-family: 'open_sanssemibold';
	text-decoration:none;		
}
.footer-contact section .copyright, .footer-contact section .copyright a{
	font-family: 'open_sansregular';
	font-size:12px;
	color:#fff;	
	padding:33px 0 0px 0
}
.footer-contact section .copyright a:hover{
	color:#f16501;
}
.inner-content{
	margin-bottom:90px;
}
/*=============== ABOUT US ======================*/
.inner-content{
	padding:53px 26px 62px 26px;
	background-color:#fff;
	border-bottom:2px solid #83daea;
	position: relative;
	top: 53px;
}
.inner-content .about-us #left{
	width:564px;
	float:left;	
}
.about-us #left h4{
	margin:43px 0 8px 0;
	text-transform:none;
}
.about-us #left p{
	padding-right: 18px;	
}
.about-us #left ul{
	list-style-image:url(../images/list-style.png);
	margin-left: 17px;	
}
.inner-content .about-us #left ul li{
	font-family: 'open_sanssemibold';
	color:#000;
	line-height:22px;
	font-size:13px;	
	border-bottom:none;
}
.about-us img{
	float:left;
	width:344px;
}
/*============== POOL PRODUCTS =============*/
.inner-content #left{
	width:242px;
	float:left;	
}
.bread-scrum{
	float: right;
	margin-top: -32px;	
}
.bread-scrum a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#605e5e;
	text-decoration:none;	
}
.bread-scrum a:hover{
	text-decoration:underline;	
}
.inner-content #right{
	float:left;
	margin-left:70px;	
	width: 596px;
}
.inner-content #left h1{
	font-size:19px;
	padding-bottom:7px;
	border-bottom:9px solid #f16501;	
}
.inner-content #left ul{
	margin-top:15px;
			
}
.inner-content #left ul ul{
	margin:0 0 8px 36px;
}
.inner-content #left ul li{
	border-bottom:1px solid #e0dfdf;	
}
.inner-content #left ul ul li{
	border-bottom:none;
	list-style: square url(../images/sidebar-dash.jpg);	
}
.inner-content #left ul li a{
	font-family: 'open_sansregular';
	font-size:13px;
	color:#0291bb;	
	text-decoration:none;
	text-transform:uppercase;
	line-height:28px;
	padding-left: 11px;
	display:block;
}
.inner-content #left ul li a:hover{
	color:#f16501;
}
.inner-content #left ul ul li a{
	font-family: 'open_sansregular' !important;
	font-size:13px;
	color:#0291bb;	
	text-decoration:none;
	text-transform:none;
	position: relative;
	top: 3px;
	padding-left: 0;	
}
.inner-content #left ul .selected a{
	font-family: 'open_sansbold';	
}
#right .pool-cln-list{
	float:left;
	margin-right:27px;	
}
#right .pool-cln-list:nth-of-type(3n){
	margin-right:0px;	
}
#right .pool-cln-list a{
	text-decoration:none;	
}
#right .pool-cln-list h4, #right .pool-cln-dtllist h4{
	text-transform:none;
	padding-bottom:18px;
}
#right .pool-cln-list img, .broucher img{
	width:178px;
	border:1px solid #3dc5de;		
}

#right .pool-cln-dtllist h4{
	border-bottom:2px solid #3dc5de;
}
.pool-cln-dtllist .dtllist-box, .dtllist-box{
	width:70%;
	float:left;	
}
.pool-cln-dtllist .dtllist-box h1{
	font-size:26px;	
}
.pool-cln-dtllist .dtllist-box p:nth-of-type(1){
	font-size:16px;	
	padding:5px 0 20px 0;
}
.suction-box{
	padding:26px 0 30px 0;	
	border-bottom:2px solid #3dc5de;
}
.broucher{
	float:right;
}
.broucher a{
	text-decoration:none;	
}
.broucher img{
	width:147px;
	border:1px solid #3dc5de;		
}
.broucher .download{
	width:149px;
	height:57px;
	background:#f16501 url(../images/download-btn.png) no-repeat 13px 11px;
	margin-top:8px;	
	cursor:pointer;
	
	webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.broucher .download:hover{
	background:#2e87bb url(../images/download-btn.png) no-repeat 13px 5px;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in;	
}
.broucher .download p{
	font-family: 'open_sansregular';
	color:#fff;
	font-size:13px;
	padding: 13px 0 15px 59px;
	line-height: 17px;	
}
/*================== POOL & SPA ======================*/
.pool-spa{
	margin-bottom:10px;	
}
.pool-spa article:nth-of-type(1){
	width:435px;
	float:left;	
}
.pool-spa article:nth-of-type(1) p a{
	font-size:13px;	
}
#right .pool-spa article:nth-of-type(2) img:nth-of-type(1){
	margin-bottom:22px;
}
#right .pool-spa article:nth-of-type(1) a button{
	margin-top: 61px;	
}
.pool-spa img{
	float:right;
	margin-top:1px;	
}
#right .pool-spa ul{
	list-style-image:url(../images/list-style.png);
	margin: 8px 0 0 40px;	
}
#right .pool-spa ul li{
	font-family: 'open_sanssemibold';
	color:#000;
	line-height:22px;
	font-size:13px;	
}
#right .pool-spa: button{
	margin-top:58px;	
}
#right .pool-spa h4{
	margin-top: 40px;	
}
/*================== SEARCH RESULT ======================*/
.search-rslt h1{
	font-size: 27px;
	margin-bottom: 27px;
	border-bottom: 9px solid #f16501;
	padding-bottom: 6px;
	width: 235px;	
}
.search-rslt a{
	font-size:13px;	
}
.search-rslt p{
	padding: 10px 0 10px 36px;
}
#left #navsub_625595_658241:nth-of-type(1){
	/*display:none !important;*/	
}
#left #navsub_625595_658240 #navsub_625595_658241{
	display:block !important;	
}
#left a:nth-child(2), #left a:nth-child(3), #left a:nth-child(6){
	display:none;	
}
/*================== SERVICE LOCATION ======================*/
.service-loc section#service-loc-left{
	float:left;	
	width: 54%;
}
.service-loc section#service-loc-left ul li{
	font-family: 'open_sanssemibold';
	color: #000;
	line-height: 22px;
	font-size: 13px;	
}
.service-loc img{
	float:right;	
}
.map_contact_box {
	margin: 20px;
	float: right;
}
/*====================== CONTACT =============================*/
.contact-content{
	float:left;	
}
.map_contact_box{
	float:right;	
}
.map_contact_box iframe{
	width: 350px;
	height: 300px;	
}
.pool-cln-dtllist .suction-box .dtllist-box ul li{
	list-style:disc;	
}
.pool-cln-dtllist .suction-box .dtllist-box ul{
	margin-left:17px;
	font-family: 'open_sanssemibold';
	color: #000;
	line-height: 22px;
	font-size: 13px;	
}
.cont-num p span a {
	font-size: 25px;
}