@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700');

@font-face {
    font-family: 'MytupiBold';
    src: url('fonts/Mytupi-Bold.woff2') format('woff2'),
        url('fonts/Mytupi-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueCE-Roman';
  src: url('fonts/HelveticaNeueCE-Roman.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeueCE-Roman.woff') format('woff'), 
  url('fonts/HelveticaNeueCE-Roman.ttf')  format('truetype'), 
  url('fonts/HelveticaNeueCE-Roman.svg#HelveticaNeueCE-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaLT-Light';
  src: url('fonts/HelveticaLT-Light.eot?#iefix') format('embedded-opentype'),  
		url('fonts/HelveticaLT-Light.woff') format('woff'), 
		url('fonts/HelveticaLT-Light.ttf')  format('truetype'), 
		url('fonts/HelveticaLT-Light.svg#HelveticaLT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


select::-ms-expand {
    display: none !important;
}
html {
	margin:auto;
}

html, body {
  overflow-x:hidden 
} 

body {
  padding: 0px;
  margin: 0;
	overflow-x: hidden; 
	position: relative;
}

p {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	line-height:140%;
}

p3 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:175%;
}

p4 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:11px;
	line-height:110%;
	padding-right:4px;
}

p7 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:10px;
	line-height:110%;
	padding-right:6px;
}

p7 a:active {
	color:#999;
}

pbt {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	margin-bottom:-25px;
	line-height:1.0em;
}

pbb {
	font-family: 'Droid Sans', sans-serif;
	font-weight:500;
	font-size:12px;
	line-height:2.8em;
}

pbb a:active {
	color:#fff;
}

pshrink {
	font-size:60%;
	vertical-align: super;
}

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

a, a:active, a:link, a:visited {
	color:inherit;
	
}

hstore {
    font-family: 'Droid Sans', sans-serif;
	font-weight:300;
    font-size:24pt;
    color:#fff;
    line-height:1.0em;
    margin:0em;
}

body {
	padding:0px 0px 0px 0px;
	margin:auto;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
}

button.form-close {
    padding: 0;
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    font-size: 24px;
    border-radius: 100px;
	cursor: pointer;
	outline: none;
	box-shadow: none;
	color: #fff;
    background: #023d65;
	border: 0;
	position: absolute;
    right: 10px;
    top: 10px;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
 z-index: 999999;
 display: none;
}
.overlay:target,
.overlay.showpopup {
  visibility: visible;
  opacity: 1;
  display: block;
}
.overlay.hidepopup{
	display: none !important;
}
.popup {
    margin: 70px auto;
    padding: 40px 15px 30px;
    background: #fff;
    border-radius: 15px;
    width: 760px;
    position: relative;

}
.warning-form{
	text-align: center;
}
.popup h2 {
    margin-top: 0;
    color: #023d65;
    font-family: 'MytupiBold', 'Droid Sans', sans-serif;
    margin-bottom: 10px;
    font-size: 56px;
    line-height: 50px;
}
.popup h3{
    margin-top: 0;
    color: #023d65;
    font-family: 'MytupiBold', 'Droid Sans', sans-serif;
    margin-bottom: 10px;
    font-size: 34px;
}
.popup p {
    margin-top: 0;
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 12px;
	font-family: "Open Sans", sans-serif;
}
#warning-popup .popup{
	padding-bottom: 35px;
}
/*#warning-popup .popup h2{
	margin-bottom: 20px;
    font-size: 51px;
    line-height: 1.2;
}*/
#warning-popup .popup img{
	display: block;
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.pop-buttons {
    margin-top: 30px;
}
.pop-buttons .pop-button {
    display: inline-block;
    vertical-align: top;
    width: 340px;
    line-height: 70px;
    text-align: center;
    background: #023d65;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    margin: 0 14px 30px;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
	font-family: 'HelveticaNeueCE-Roman', sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.banner-sale img {
    display: block;
    width: 100%;
    height: auto;
}

.blacktext, .blacktext a:link, .blacktext a:active, .blacktext a, .blacktext a:visited {
	color:#000;
}

.blacktext a:hover {
	color:#39F;
}

.blackbg {
	background-color:#000;
}
	


.whitetext, .whitetext a:link, .whitetext a:active, .whitetext a, .whitetext a:visited {
	color:#fff;
}

.anniversary-sale img {
    width: 100%;
    display: block;
}

/* ###############################  PRODUCT CATEGORY NAVIGATION "VIEW ALL PRODUCTS"   ###############################*/

.openpanelarea {
	z-index:150;
	position:fixed;
	margin:auto;
	left:0px;
	top:5px;
	width:7%;
	height:100%;
}

#OpenPanelimg {
	z-index:150;
    position:fixed;
    margin:auto;
    left:0px;
    top:125px;
    width:auto;
	height:auto;
	-webkit-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.4);
	box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.4);
}

@media screen and (max-width: 700px) {
	
	.openpanelarea {
        display:none;
	}
    
    #OpenPanelimg {
        display:none;
    }
}

#content-box {
	z-index:160;
	position:fixed;
    margin:auto;
    left:0px;
    top:0px;
	width:30%;
    max-width:350px;
	height: 100%;
	margin: 0;
    background-color: #e9e9e9;
	color: #fff;
	padding: 10px;
	font-size: 14px;
    text-align:center;
    border-right:1px solid #c9c9c9;
    display:none;
}

.content-box-inner {
    position:relative;
    padding:10px 5% 0px 5%;
    margin:auto;
    width:90%;
    height:auto;
    color:#000;
    text-align:left;
}
    .content-box-inner hmain {
        font-size:130%;
    }

    .content-box-inner p2 {
        font-size:110%;
    }

.content-box-blueline {
    position:relative;
    margin:auto;
    width:100%;
    border-bottom:2px solid #003d64;
}

.cb-item {
    position:relative;
    padding:10px 0px 10px 10px;
    margin:auto;
    width:96%;
    height:auto;
    border:1px solid #e9e9e9;
    text-align:left;
}
    .cb-item:hover {
        background:#f5f5f5;
        border:1px solid #003d64;
    }

    .cb-item img {
        margin-bottom:-5px;
        margin-right:5px;
		max-width:26px;
    }
    
    .cb-item a, a:active, a:link {
        text-decoration:none;
        color:inherit;
    }
	
	
.cb-itemH {
    position:relative;
    padding:10px 0px 10px 10px;
    margin:auto;
	margin-right:2%;
    width:44%;
    height:auto;
    border:1px solid #e9e9e9;
    text-align:left;
	float:left;
	font-size:80%;
}
    .cb-itemH:hover {
        background:#f5f5f5;
        border:1px solid #003d64;
    }

    .cb-itemH img {
        margin-bottom:-5px;
        margin-right:5px;
		max-width:26px;
    }
    
    .cb-itemH a, a:active, a:link {
        text-decoration:none;
        color:inherit;
    }

	
/* HERO SLIDER SECTION */

.hottubhero{
	position: relative;
}

.hero-tagline {
    position: absolute;
    top: 0;
    z-index: 999;
    text-align: center;
    width: 100%;
    color: #fff;
    font-weight: bold;
	background: -moz-linear-gradient(top, rgba(0,35,67,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,35,67,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,35,67,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002343', endColorstr='#00ffffff',GradientType=0 );
    padding-top: 22px;
}
.hero-tagline h2{
    font-family: 'MytupiBold';
    color: #fff;
    font-size: 78px;
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 70px;
	text-shadow: 0 5px 15px rgba(0,0,0,.4);
}
.hero-tagline p{
	font-family: 'MytupiBold';
    color: #fff;
    font-size: 30px;
    margin-top: 0;
    text-shadow: 0 2px 8px rgba(0,0,0,.4)
}

.hottubhero .owl-carousel .owl-nav .owl-next span, 
.hottubhero .owl-carousel .owl-nav .owl-prev span{
	display: none;
}
.hottubhero .owl-carousel .owl-nav .owl-next, 
.hottubhero .owl-carousel .owl-nav .owl-prev{
	display: block;
	width: 30px;
	height: 83px;
	opacity: .9;
	position: absolute;
	top: 50%;
	margin: 0;
    border-radius: 0;
    outline: none;
	z-index: 999;
}
.hottubhero .owl-carousel .owl-nav .owl-next{
	background: url(images/next-hero.png) no-repeat center !important;
	right: 64px;
}
.hottubhero .owl-carousel .owl-nav .owl-prev{
	background: url(images/prev-hero.png) no-repeat center !important;
	left: 64px;
}
.hottubhero .owl-carousel .owl-nav .owl-next:hover, 
.hottubhero .owl-carousel .owl-nav .owl-prev:hover{
	opacity: 1;
}
.hottubhero .owl-theme .owl-dots{
	margin-top: -152px;
	margin-bottom: 8px;
	height: 44px;
}
.hottubhero .owl-theme .owl-dots .owl-dot{
	outline: none;
	border-radius: 0;
}
.hottubhero .owl-theme .owl-dots .owl-dot span{
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 30px;
	background: rgba(255,255,255,.8);
	margin: 0 7.5px;
}
.hottubhero .owl-theme .owl-dots .owl-dot:hover span,
.hottubhero .owl-theme .owl-dots .owl-dot span:hover,
.hottubhero .owl-theme .owl-dots .owl-dot.active span{
	background: #fff !important;
}

.hottubhero-mobile{
	display: none;
}

/* #############################  END PRODUCT CATEGORY NAVIGATION "VIEW ALL PRODUCTS"   #############################*/



.leftalign {
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	text-align:left;
}

.rightalign {
	position:relative;
	margin:auto;
	max-width:1100px;
	padding:0px 10% 0px 10%;
	width:70%;
	margin-right:10%;
	height:auto;
	text-align:right;
}

.hoursfloat {
	position:relative;
	float:left;
}

.hours {
	position:relative;
	margin-top:5px;
	margin-left:10px;
  display:none;  
  padding:2px;
  background:#090;
  color:#fff;
  border-radius:10px;
  font-size:80%;
  width:90px;
  text-align:center;
  float:left;
  text-shadow:none;
}

.closed {
	position:relative;
	margin-top:5px;
	margin-left:10px;
  padding:2px;
  background:#C00;
  color:#fff;
  border-radius:10px;
  font-size:80%;
  width:100px;
  text-align:center;
  float:left;
  text-shadow:none;
}

.openstatus {
	position:relative;
}

.moreinfo {
    z-index:30;
	position:fixed;
	margin:auto;
	right:0px;
	top:100px;
	width:7%;
	height:100%;
	display:none;
}

.moreinfo img {
    z-index:20;
    position:fixed;
    top:130px;
	height:150px;
	width:50px;
    right:0px;
    margin:auto;
    padding: 0px 0px 0px 0px;
}

.infopanel {
    z-index:32;
    position:fixed;
    top:0px;
    right:0px;
    background-color: #003D64;
    color: white;
    padding: 10px 15px 10px 40px;
    text-align:center;
    height:100%;
	overflow:scroll;
	
}


	/* Inner scroll bar style */
	div::-webkit-scrollbar {
		width: 10px;
	}
	 
	/* Track */
	div::-webkit-scrollbar-track {
		background:#002C48;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	 
	/* Handle */
	div::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background:#ccc;
	}
	div::-webkit-scrollbar-thumb:window-inactive {
		background:#ccc; 
	}


	.infopanel-top {
		position:relative;
		margin:auto;
		max-width:100%;
		height:auto;
		text-align:center;
	}
	.infopanel-top-left {
		position:relative;
		margin:auto;
		height:auto;
		text-align:left;
		float:left;
		width:85%;
		padding:5px 0px 5px 10px;
	}
	.infopanel-top-right {
		position:relative;
		margin:auto;
		height:auto;
		text-align:center;
		float:left;
		width:10%;
		padding:5px 0px 5px 0px;
		color:#FFF;
		border-style:solid;
		border-width:1px;
		border-color:#FFF;
	}
		.infopanel-top-right:hover {
			background:#FFF;
			color:#003D64;
	}

.infopanel-inner {
	height:auto;
	text-align:left;
}	
	
}
	.infopanel-inner img {
		width:24px;
		height:auto;
		margin-bottom:-7px;
	}
	.infopanel-inner a:link, .infopanel-inner a:visited {
		text-decoration: none;
		color:#FFF;
	}
	.infopanel-inner a:hover {
		text-decoration: none;
		color:#EE3035;
	}
	
.sidebar-social {
	font-size:80%;
	line-height:300%;
	margin-bottom:2em;
}

/* ~~~~~~INFUSIONSOFT FORM STYLE~~~~~~~*/

.sf input,
textarea {
    -webkit-box-shadow: none !important;
    outline: 2px outset transparent;
    border: 2px solid #003D64;
    background:#002C48;
    padding: 3px;
    outline: none !important;
	color:#FFF;
	line-height:30px;
	padding-left:10px;
	margin-bottom:9px;
}

.sf input:focus,
textarea:focus {
    border-color: #fff;
}

.sf form button {
	padding:6px 25px 6px 25px;
	border: 2px solid #fff;
	border-radius:3px;
    background: #003D64;
    color: #fff;
    font-weight: bold;
	width:50%;
	line-height:20px;
}

.sf form button:hover {
    background: #fff;
    color: #003D64;
}

.infusion-field-input-container {
	width:90%;
}

.brochurebutton {
		position:relative;
		height:auto;
		text-align:center;
		width:50%;
		padding:8px 0px 8px 0px;
		color:#fff;
		border-style:solid;
		border-width:2px;
		border-color:#EE3035;
		border-radius:3px;
		background:#EE3035;
	}
		.brochurebutton:hover {
			background:#fff;
			border-color:#fff;
			color:#003D64;
	}

@media screen and (min-width: 801px) {
    .infopanel {
		width:30%;
	}
}

@media screen and (max-width: 800px) {
    .infopanel {
		width:50%;
	}
}

@media screen and (max-width: 600px) {
    .moreinfo {
		display:none;
	}
}

iframe {
	border:none;
	position:relative;
	margin:auto;
	max-width:1100px;
	width:100%;
	height:90%;
}


#map-iframe iframe{
	height: 300px;
	width: 100%;
}



/* CSS STYLE TO SOLVE iframe HEIGHT ISSUE */

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* END OF STYLE TO SOLVE iframe HEIGHT ISSUE */





.productsection {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
}



hbrand {
    font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:38pt;
    color:#fff;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-18px;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}

.brandimg {
	position:relative;
	margin:auto;
	max-width:200px;
	width:100%;
	height:auto;
}

.brandimglarge {
	position:relative;
	margin:auto;
	max-width:400px;
	width:100%;
	height:auto;
}

.brandsection {
	position:relative;
	padding: 15px 10% 35px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
}

			.sectionjacuzzi {
				background:#121212;
				margin-top:0px;
			} 
			
			.sectionbge {
				background:#065E00;
				margin-top:0px;
			}
			
			.sectionweber {
				background:#000000;
				margin-top:0px;
			}
			
			.sectionsaber {
				background:#273B5E;
				margin-top:0px;
			}
			
			.sectionsundance {
				background:#797866;
				margin-top:0px;
			}
			
			.sectiondreammaker {
				background:#15355C;
				margin-top:0px;
			}
			
			.sectionhydropool {
				background:#C6B800;
				margin-top:0px;
			}
			
			.sectionregency {
				background:#770101;
				margin-top:0px;
			}
			
			.sectionnordic {
				background:#077956;
				margin-top:0px;
			}
			
			.sectiondoughboy {
				background:#0D7EAA;
				margin-top:0px;
			}
			
			.sectionviking {
				background:#2E527A;
				margin-top:0px;
			}
			
			.sectionhydropool {
				background:#EBC90A;
				margin-top:0px;
			}
			
			.sectionsaber {
				background:#0F386A;
				margin-top:0px;
			}
			
			.sectiongmg {
				background:#457340;
				margin-top:0px;
			}
			
			

.section-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	max-width: 1200px;
	height:auto;
	text-align:center;
}

.section-inner-sbr {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:left;
}

.mobilelinks {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
	width:100%;
	height:auto;
	margin-top:-4px;	
}
	.mobilecontactthirds {
		position:relative;
		margin:auto;
		float:left;
		text-align:center;
		width:33%;
		height:auto;
	}
	
	.mobilecontactthirds img {
		position:relative;
		margin:auto;
		max-width:110px;
		width:100%;
		height:auto;
	}

.section-inner-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

	.section-inner-left img {
		position:relative;
		width:100%;
		height:auto;
	}

.section-inner-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.section-inner-left-thumbnails {
	position:relative;
	margin:auto;
	float:left;
	width:100%;
	height:auto;
	text-align:left;
}
	.section-inner-left-thumbnails img {
		position:relative;
		max-width:60px;
		height:auto;
		margin-right:10px;
		margin-top:10px;
	}
	
.white-bg {
	background:#fff;
}

.light-bg {
	background:#f3f3f3;
}

.brandhalf {
	position:relative;
	margin:auto;
	text-align:left;
}

.step2l {
	position:relative;
	margin:auto;
	text-align:left;
}

.step2r {
	position:relative;
	margin:auto;
	text-align:left;
}



.inner-catnav {
	position:relative;
	width:100%;
	height:auto;
	padding:10px 0px 10px 0px;
	text-align:center;
}

.inner-catnav a {
	position:relative;
	float:center;
	font-weight:bold;
	color:#003d64;
}

.inner-catnav a:hover {
	color:#EE5817;
}

.inner-catnav img {
	padding:5px 5px 5px 5px;
}

.inner-catnav img:hover {
	background:#f5f5f5;
}

@media screen and (min-width: 701px) {

	.section-inner-left {
		float:left;
		width:60%;
		padding:10px 0px 10px 0px;
	}
	
	.section-inner-right {
		float:left;
		width:35%;
		padding:10px 0px 10px 5%;
	}
	
	.dsection {
		padding:10px 10% 10px 10%;
	}
	
	.dsection-inner-left {
		float:left;
		padding:10px 3% 30px 3%;
		width:27.333%;
	}
	
	.dsection-inner-middle {
		float:left;
		padding:10px 3% 30px 3%;
		width:27.333%;
	}
	
	.dsection-inner-right {
		float:left;
		padding:10px 3% 30px 3%;
		width:27.333%;
	}
	
	.relatedsection-inner-left {
		float:left;
		padding:10px 3% 10px 3%;
		width:27.333%;
	}
	
	.relatedsection-inner-middle {
		float:left;
		padding:10px 3% 10px 3%;
		width:27.333%;
	}
	
	.relatedsection-inner-right {
		float:left;
		padding:10px 3% 10px 3%;
		width:27.333%;
	}
	
	.getpricing {
		width:75%;
	}
	
	.visitstore {
		width:75%;
	}
	
	.section-inner-left-cat {
		float:left;
		width:20%;
		padding:10px 0px 10px 0px;
        text-align:left;
	}
	
	.section-inner-right-cat { 
		float:left;
		width:80%;
		padding:10px 0px 10px 0px;
        text-align:right;
	}
	
	.pcat {
        float:right;
    }
    
    .pcat-button, .pcat-button-img {
        float:center;
		width:25%;
		text-align:center;
    }
	
	.mobileshow {
		display:none;
	}
	
	.brandhalf {
		float:left;
		width:48%;
		padding:20px 1% 20px 1%;
	}
	
	.step2l {
		float:left;
		width:26%;
		padding:10px 3% 20px 3%;
	}
	
	.step2r {
		float:left;
		width:66%;
		padding:10px 1% 20px 1%;
	}
	
	hbrand {
		font-size:38pt;
	}
	
	.brandimg, step2limg {
		max-width:200px;
	}

}

@media screen and (max-width: 700px) {
	
	.section-inner-left {
		width:95%;
		padding:10px 0px 10px 0px;
	}

	.section-inner-right {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.dsection {
		padding:10px 10% 10px 10%;
	}
	
	.dsection-inner-left {
		width:100%;
		padding:10px 0px 20px 0px;
	}
	
	.dsection-inner-middle {
		width:100%;
		padding:10px 0px 20px 0px;
	}
	
	.dsection-inner-right {
		width:100%;
		padding:10px 0px 20px 0px;
	}
	
	.relatedsection-inner-left {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.relatedsection-inner-middle {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.relatedsection-inner-right {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.mobilehide {
		display:none;
	}
	
	.getpricing {
		width:75%;
	}
	
	.visitstore {
		width:75%;
	}
	
	.section-inner-left-cat {
		width:100%;
		padding:10px 0px 10px 0px;
        margin-bottom:60px;
        text-align:center;
	}

	.section-inner-right-cat {
		width:100%;
		padding:10px 0px 10px 0px;
        margin-bottom:-60px;
        text-align:center;
	}
	
	.pcat {
        float:center;
    }
    
    .pcat-button {
        float:center;
    }
    
    .pcat-button-img {
        float:center;
    }
	
	#OpenPanel {
        display:none;
    }
	
	#tooltip-div {
		opacity:0;
		display:none;
	}
	
	.brandhalf {
		width:100%;
		padding:20px 0px 20px 0px;
	}
	
	.step2l {
		width:100%;
		padding:10px 0px 20px 0px;
	}
	
	.step2r {
		width:100%;
		padding:10px 0px 20px 0px;
	}
	
	hbrand {
		font-size:18pt;
	}
	
	.brandimg {
		max-width:100px;
	}
}

.dsection {
	position:relative;
	margin:auto;
	max-width:100%;
	text-align:center;
	min-height:auto;
}

.din {
	position:relative;
	margin:auto;
	max-width:1100px;
	background:#dfd3c9;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
	border-style:solid;
    border-width:1px;
    border-color:#fff;
    border-radius:4px;
    -moz-box-shadow:    inset 0 0 12px #B5ABA3;
    -webkit-box-shadow: inset 0 0 12px #B5ABA3;
    box-shadow:         inset 0 0 12px #B5ABA3;
}
	.dinpool {
		position:relative;
		margin:auto;
		max-width:1100px;
		background:#fff;
		text-align:center;
		min-height:auto;
		text-decoration:none;
		color:#323232;
		border-style:solid;
		border-width:1px;
		border-color:#fff;
		border-radius:2px;
		-moz-box-shadow:     0 0 8px #c9c9c9;
		-webkit-box-shadow:  0 0 8px #c9c9c9;
		box-shadow:          0 0 8px #c9c9c9;
	}
.dexpand {
	position:relative;
	margin:auto;
	padding:10px 3% 10px 3%;
	width:94%;
	height:auto;
	text-align:left;
}

.dsection-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}
	.dsection-inner-text {
		position:relative;
		padding: 10px 15px 0px 15px;
		text-align:left;
	}
		.dsection-inner-text img {
			text-wrap:normal;
			height:auto;
		}
		
.dsection-inner-colors {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}

.dsection-inner-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.dsection-inner-middle {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.dsection-inner-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
	text-decoration:none;
}

.dline {
	position:relative;
	margin:auto;
	width:100%;
	height:1px;
	background-color:#555;
}

.dbutton {
		position:relative;
		height:auto;
		text-align:center;
		width:90px;
		padding:2px 0px 2px 0px;
		color:#fff;
		background:#003D64;
		border-style:solid;
		border-width:2px;
		border-color:#003D64;
		border-radius:3px;
	}
		.dbutton:hover {
			background:#002B46;
			color:#fff;
	}

.dwindow-back {
	z-index:200;
	position:fixed;
	width:100%;
	height:95%;
	padding: 5% 0px 0px 0px;
	text-align:center;
	background-image: url("/images/main/darkout-01.png");
    background-repeat: repeat-x repeat-y;
}
	.dwindow-back img {
		margin-left:65%;
		
	}
	
	.dwindowclose {
		position:relative;
		margin:auto;
		height:auto;
		text-align:center;
		width:5%;
		padding:8px 0px 8px 0px;
		color:#FFF;
		border-style:solid;
		border-width:1px;
		border-color:#FFF;
	}
		.dwindowclose:hover {
			background:#FFF;
			color:#003D64;
	}
	.dwindow {
		width:100%;
		height:80%;
		border-style:solid;
		border-width:1px;
		border-color:#FFF;
		border-radius:3px;
		-moz-box-shadow:    0 0 15px #333;
		-webkit-box-shadow: 0 0 15px #333;
		box-shadow:         0 0 15px #333;
	}
	

#tooltip-div {
	padding:5px 8px 5px 8px;
	background:#E3E3E3;
	color:#393939;
	border-radius:6px;
}

/* WHY AQUA QUIP SECTION */



hwaq {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:14pt;
    color:#003d64;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-14px;
    text-shadow: 1px 1px 0px #fff;
}

.whyaq-section {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:#f7f7f7;
}

.whyaq-section-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}

.whyaq-top {
    position:relative;
    margin:auto;
    width:100%;
    height:auto;
    text-align:left;
    padding:0px 0px 10px 0px;
}

.whyaq-4th {
    position:relative;
    margin:auto;
    height:auto;
    text-align:left;
}
    .whyaq-4th img {
        position:relative;
        margin:auto;
        width:100%;
        max-width:250px;
        height:auto;
    }
	
	.whyaq-4th p {
        font-size:13px;
    }

@media screen and (min-width: 701px) {
    .whyaq-4th {
        float:left;
        width:20%;
        padding:0px 5% 0px 0px;
    }
}

@media screen and (max-width: 700px) {
    .whyaq-4th {
        width:100%;
        padding:0px 0px 35px 0px;
    }
}

/* END WHY AQUA QUIP SECTION */

.drkgrey-border {
	position:relative;
	margin:auto;
	width:100%;
	height:1px;
	background-color:#CCC;
}

.ltgrey-border {
	position:relative;
	margin:auto;
	width:100%;
	height:1px;
	background-color:#e5e5e5;
}

.relatedsection {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
	background:#dfd3c9;
}

.relatedsection-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:left;
}

.relatedsection-inner-product {
	position:relative;
	padding: 15px 0px 0px 0px;
	text-align:center;
	background:#ffffff;
	border-style:solid;
    border-width:1px;
    border-color:#fff;
    border-radius:4px;
    -moz-box-shadow:    inset 0 0 15px #C7C7C7;
    -webkit-box-shadow: inset 0 0 15px #C7C7C7;
    box-shadow:         inset 0 0 15px #C7C7C7;
}
	.relatedsection-inner-product img {
		position:relative;
		margin:auto;
		padding:0px 3% 0px 3%;
		max-width:94%;
		height:auto;
	}

.relatedsection-inner-area {
	position:reltive;
	padding: 5px 0px 5px 15px;
	text-align:left;
}

.relatedsection-inner-view {
	position:reltive;
	padding: 5px 0px 5px 0px;
	text-align:center;
}

.relatedsection-inner-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

.relatedsection-inner-middle {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

.relatedsection-inner-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
	text-decoration:none;
}

.coloroptions {
	position:relative;
	margin:auto;
	float:left;
	width:100%;
	height:auto;
	background:#FFF;
	margin-top:10px;
}

a, a:active, hover {
    text-decoration:none;
}

.getpricing {
	position:relative;
    background-color: #003D64;
    color: white;
    padding: 10px 14px 10px 14px;
    text-align:center;
    height:auto;
    border-style:solid;
    border-width:2px;
    border-color:#003D64;
    text-decoration:none;
    border-radius:2px;
    float:none;
    margin-right:10px;
	margin-bottom:10px;
	width: 347px;
	box-sizing: border-box;
	    max-width: 100%;
}
.getpricing:hover {
    background-color: #002B46;
    color:#ffffff;
    text-decoration:none;
    border-color:#002B46;
}

.visitstore {
    position: relative;
    color: #003D64;
    padding: 10px 14px 10px 14px;
    text-align: center;
    height: auto;
    background-color: rgba(235,235,235,0.8);
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255,255,255,0.0);
    text-decoration: none;
    border-radius: 2px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    width: 347px;
    max-width: 100%;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
    outline: none;
}
.visitstore:hover {
    background-color: #002B46;
    color:#ffffff;
    text-decoration:none;
}
a.build-and-price-button {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 362px;
    background: #2eb6dd;
    color: #fff !important;
    font-size: 21.8px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 26px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: solid 3px #0a2442;
    margin-bottom: 35px;
	position: relative;
}
a.build-and-price-button:before{
	content: "";
	display: block;
	width: 36px;
	height: 54px;
	background: url(images/buildhottub-arrow.png) no-repeat left top;
	position: absolute;
	left: 16px;
	top: 15px;
}
a.build-and-price-button:after{
    content: "";
    display: block;
    width: 187px;
    height: 136px;
    background: url(images/buildhottub-laptop.png) no-repeat left top;
    position: absolute;
    right: -95px;
    top: -18px;
}

a.build-and-price-button.fireplace-button {
	background: #f78d1f;
    border-bottom: solid 3px #891518;
	margin-top: 30px;
}
a.build-and-price-button.fireplace-button:before {
	background: url(images/buildhottub-arrow-fireplace.png) no-repeat left top;
}
a.build-and-price-button.fireplace-button:after {
    background: url(images/buildhottub-laptop-fireplace.png) no-repeat left top;
}
.section-inner-right-hottub p {
    margin-bottom: 8px;
	font-size: 14px;
}
.section-inner-right-hottub h2{
	margin-top: 0;
	font-size: 14px;	
}
/*  RELATED PROCUCTS + HEADS  */
h1 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:135%;
	margin:-5px 0px -5px 0px;
}

h2 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size:12pt;
    line-height:1.2em;
}

hmain {
    font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:24pt;
    color:#003D64;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-18px;
    text-shadow: 1px 1px 0px #f0f0f0;
}
	hmainw {
		font-family: 'Droid Sans', sans-serif;
		font-weight:700;
		font-size:24pt;
		line-height:1.2em;
		margin:0em;
		margin-bottom:-5px;
	}

h3 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:14pt;
    color:#555;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-15px;
    text-shadow: 1px 1px 0px #fff;
}
	h3w {
		font-family: 'Droid Sans', sans-serif;
		font-weight:400;
		font-size:14pt;
		line-height:1.3em;
		margin:0em;
		margin-bottom:-6px;
	}

h4 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:24pt;
    color:#003D64;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-18px;
    text-shadow: 1px 1px 0px #fff;
}

h5 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:10pt;
    color:#777;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-20px;
    text-shadow: 1px 1px 0px #fff;
}
	h5w {
		font-family: 'Droid Sans', sans-serif;
		font-weight:400;
		font-size:10pt;
		line-height:1.0em;
		margin:0em;
		margin-bottom:-6px;
	}

h6 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:14pt;
    color:#323232;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-20px;
    text-shadow: 1px 1px 0px #fff;
}

p2 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:14pt;
    color:#323232;
	text-shadow: 1px 1px 0px #fff;
}

pbg {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:10pt;
    color:#000;
}


.viewbutton {
	position:relative;
    background-color: #003D64;
    color: white;
    margin:auto;
    padding: 10px 14px 10px 14px;
    text-align:center;
    width:50%;
    height:auto;
    border-style:solid;
    border-width:2px;
    border-color:#003D64;
    text-decoration:none;
    border-radius:2px;
	margin-top:10px;
    margin-bottom:10px;
}

.viewbutton:hover {
    background-color: #002B46;
    color:#ffffff;
    text-decoration:none;
    border-color:#002B46;
}

@media screen and (min-width: 701px) {
	.innerleft-float {
		position:relative;
		margin:auto;
		width:35%;
		height:auto;
		float:left;
		text-align:left;
	}
}

@media screen and (max-width: 700px) {
	.innerleft-float {
		position:relative;
		margin:auto;
		width:70%;
		height:auto;
		float:left;
		text-align:left;
	}
}

.nsbutton {
	position:relative;
    background-color: #D40000;
    color: #fff;
	font-size:12px;
	font-weight:bold;
    margin:auto;
    padding: 5px 9px 5px 9px;
    text-align:center;
    width:200px;
    height:auto;
    border-style:solid;
    border-width:2px;
    border-color:#D40000;
    text-decoration:none;
    border-radius:2px;
	margin-top:-7px;
}

.nsbutton:hover {
    background-color:#500;
    color:#fff;
    text-decoration:none;
    border-color:#500;
}


/* ############################## RECENT BLOG ARTICLES CSS ############################## */

.recentblog {
	position:relative;
	margin:auto;
	z-index:1;
	padding: 20px 2% 20px 2%;
	background:#f3f3f3;
	text-align:left;
	float:left;
}

.blogfade {
	z-index:10;
	height:100%;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,f3f3f3+100&0+1,1+100 */
	background: -moz-linear-gradient(top,  rgba(243,243,243,0) 0%, rgba(243,243,243,0) 1%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,243,243,0) 0%,rgba(243,243,243,0) 1%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,243,243,0) 0%,rgba(243,243,243,0) 1%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f3f3', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}

.recentblogb {
	position:relative;
	height:auto;
	z-index:11;
	padding:10px;
	margin:auto;
	background:#003d64;
	color:#fff;
	border-radius:2px;
	text-align:center;
}

.recentblogb:hover {
	background:#092C3E;
	color:#fff;
}

@media screen and (min-width: 701px) {
	.recentblog {
		width:25%;
		height:auto;
		margin-left:2%;
		margin-right:2%;
	}
	
	.recentblogb {
		width:60%;
	}
}

@media screen and (max-width: 700px) {
	.recentblog {
		width:96%;
		margin-bottom:10px;
		height:auto;
	}
	
	.recentblogb {
		width:50%;
	}
}

/* ############################# END RECENT BLOG ARTICLES CSS ############################# */




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


p9 {
    font-family: 'Droid Sans', sans-serif;
    font-size:14px;
    font-weight:700;
    padding:0px 5px 0px 5px;
    vertical-align:middle;
}

hn {
    font-family: 'Droid Sans', sans-serif;
    font-size:20px;
    font-weight:400;
    line-height:1.85em;
    margin-top:5px;
    margin-bottom:15px;
    padding:0px 5px 0px 5px;
    vertical-align:middle;
    color:#003d64;
}

	.nav-4th:hover hn {
		text-decoration:underline;
	}
	
	.nav-5th:hover hn {
		text-decoration:underline;
	}

pn, pnb {
    font-family: 'Droid Sans', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.85em;
    padding:0px 5px 0px 5px;
    vertical-align:middle;
    color:#232323;
    text-decoration:none;
}
    pn {
        padding:4px 8px 4px 8px;
        border:1px solid rgba(0,0,0,0.0);
    }
    pn:hover {
        color:#003d64;
        border:1px solid #003d64;
    }

.nav-viewall-button {
    position:relative;
    text-align:center;
    padding:10px 20px 10px 20px;
    width:30%;
    height:auto;
    background:#565656;
}
    .nav-viewall-button pnb {
        color:#fff;
    }
    .nav-viewall-button:hover {
        background:#fff;
    }
    .nav-viewall-button:hover pnb, a {
        color:#232323;
        text-decoration:none;
    }
	pnb {
        color:#232323;
        text-decoration:none;
		
	}

.header-shadow {
    position: relative;
    margin: auto;
    width: 100%;
    height: 8px;
    background: url("/images/main/shadow.png") repeat-x scroll 0% 0% transparent;
}

/* .header {
	position:relative;
	padding: 0px 10% 0px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	background:#F5F5F2;
} */

.header-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:left;
}

.header-inner-left {
    position:relative;
    margin:auto;
    float:left;
}
    .header-inner-left img {
        float:left;
        margin-right:15px;
    }

.header-inner-right {
    position:relative;
    margin:auto;
    text-align:right;
    float:left;
}

.header-nav-section {
    
}

.fullbox {
    position:absolute;
    margin:auto;
    width:100%;
    height:100%;
    background:rgba(245,255,55,0.0);
    z-index:1;
}

.header-nav {
    position:relative;
    margin:auto;
    height:60px;
    padding:0px 14px 0px 14px;
    text-align:center;
    padding-top:35px;
    float:left;
    z-index:10;
}

.header-nav:hover {
    background:#d7e1e7;
    color:#000;
}

.header-nav-right {
    position:relative;
    margin:auto;
    padding:0px 6px 0px 0px;
    text-align:center;
    float:right;
}

.header-nav-right:hover {
    background-color:#1c5682;
    color:#fff;
    -webkit-box-shadow: inset 0px 0px 8px 2px rgba(0,62,100,1);
    -moz-box-shadow: inset 0px 0px 8px 2px rgba(0,62,100,1);
    box-shadow: inset 0px 0px 8px 2px rgba(0,62,100,1);
}

.navcontrol {
	z-index:30;
    background:url(/images/aqua-quip-control-1.svg)center center no-repeat;
}
    .navcontrol:hover {
        background:url(/images/aqua-quip-control-2.svg)center center no-repeat;
        background-color:#1c5682;
        
    }
	
.navshop {
    background:url(/images/main/nav/aqua-quip-menu-1.svg)center center no-repeat;
}
    .navshop:hover {
    background:url(/images/main/nav/aqua-quip-menu-2.svg)center center no-repeat;
        background-color:#1c5682;
        
    }

.navmenu {
    background:url(/images/main/nav/aqua-quip-menu-1.svg)center center no-repeat;
}
    .navmenu:hover {
        background:url(/images/main/nav/aqua-quip-menu-2.svg)center center no-repeat;
        background-color:#1c5682;
        
    }
	
	
.fullscreenmenu {
    position:fixed;
    margin:auto;
    top:0px;
    left:0px;
    z-index:200;
    padding:10px 5% 10px 5%;
    width:90%;
    height:100%;
    background:#003d64;
	overflow:auto;
}

.fullscreenshop {
    position:fixed;
    margin:auto;
    top:0px;
    left:0px;
    z-index:200;
    padding:10px 5% 10px 5%;
    width:90%;
    height:100%;
    background:#003d64;
	overflow:auto;
}

.fullscreenmenu-full {
    position:relative;
    margin:auto;
    padding:20px 5% 20px 5%;
    width:90%;
	height:auto;
    text-align:center;
	color:#fff;
	font-weight:700;
	border-bottom:2px solid #59B7EE;
}

.fullscreenmenu-full-shop {
    position:relative;
    margin:auto;
    padding:20px 5% 20px 5%;
    width:90%;
	height:auto;
    text-align:left;
	color:#fff;
	font-weight:700;
	border-bottom:2px solid #59B7EE;
}

.mobilemenuclose img {
	position:absolute;
	margin:auto;
	top:0px;
	right:0px;
	max-width:55px;
	height:auto;
}

.fullscreenmenu-left {
    position:relative;
    margin:auto;
    padding:0px 5% 0px 0px;
    width:45%;
	height:100%;
    float:left;
    text-align:left;
}

.fullscreenmenu-right {
    position:relative;
    margin:auto;
    padding:0px 0px 0px 0px;
    width:50%;
	height:100%;
    float:left;
    text-align:left;
}




.navmain {
    position:absolute;
    margin:auto;
    margin-top:-9px;
    padding:35px 10% 35px 10%;
    width:80%;
    height:auto;
    background:#d7e1e7;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
	z-index:255;
}

.navmain-inner {
    position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}
    .navmain-inner img {
        width:100%;
        height:auto;
    }

.nav-4th-pad {
    position:relative;
    margin:auto;
    padding:0px;
    width:12.5%;
    height:auto;
    text-align:left;
    float:left;
}

.nav-4th {
    position:relative;
    margin:auto;
    padding:0px;
    width:25%;
    height:auto;
    text-align:left;
    float:left;
}
    .nav-4th img {
		max-width:195px;
        height:auto;
    }

.nav-5th {
    position:relative;
    margin:auto;
    padding:0px;
    width:20%;
    height:auto;
    text-align:left;
    float:left;
}
    .nav-5th img {
		max-width:195px;
        height:auto;
        
    }


.nav-sub-2of5 {
    position:relative;
    margin:auto;
    padding:0px;
    width:40%;
    height:auto;
    text-align:left;
    float:left;
}
    .nav-sub-2of5 img {
        max-width:80px;
        height:auto;
    }

.nav-sub-3of5 {
    position:relative;
    margin:auto;
    padding:0px;
    width:60%;
    height:auto;
    text-align:left;
    float:left;
}
    .nav-sub-3of5 img {
        max-width:80px;
        height:auto;
    }


.nav-sub-line1 {
    position:relative;
    width:80%;
    height:2px;
    background:#003d64;
}

.nav-sub-line2 {
    position:relative;
    width:95%;
    height:2px;
    background:#003d64;
}


.menu {
    margin:auto;
    height:auto;
    background:#003E64;
    text-align:center;
    color:#fff;
    z-index:160;
    display:none;
}

.navcontrol:hover .menu {
    display:block;
}

.menu-line {
    position:relative;
	margin:auto;
	width:100%;
	height:auto;
	color:#fff;
	font-weight:700;
	
}
	.menu-line:hover {
		margin-left:6px;
		color:#59B7EE;
	}
	
	
.menu-line-sub {
    position:relative;
	margin:auto;
	width:100%;
	height:auto;
	color:#fff;
	font-weight:300;
	margin-left:16px;
	
}
	.menu-line-sub:hover {
		margin-left:22px;
		color:#59B7EE;
	}

.menu-line-icon {
    position:relative;
	margin:auto;
	width:20%;
	height:auto;
	float:left;
	text-align:center;
	padding:7px 0px 7px 0px;
	
}
	.menu-line-icon img {
		position:relative;
		margin:auto;
		width:26px;
		height:auto;
		margin-top:-5px;
	}

.menu-line-label {
    position:relative;
	margin:auto;
	width:80%;
	height:auto;
	float:left;
	text-align:left;
	padding:7px 0px 7px 0px;
	
}

.menu-line-label-shop {
    position:relative;
	margin:auto;
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding:3px 0px 3px 0px;
	
}

@media screen and (min-width: 701px) {
    .header, .header-inner-left, .header-inner-right {
        height:95px;
    }
    
    .header-inner-left {
        width:63%;
    }
    
    .header-inner-right {
        width:37%;
    }
    
    .header-inner-left img {
        
    }
    
    .header-nav-right {
        height:75px;
        padding-top:20px;
    	width:95px;
    }
	
	.menu { 
    	position:absolute;
		padding:15px;
		top:95px;
		right:0px;
		width:180px;
	}
}
    
@media screen and (max-width: 700px) {
    .header, .header-inner-left, .header-inner-right {
        height:65px;
    }
    
    .header-inner-left {
        width:35%;
    }
    
    .header-inner-right {
        width:65%;
    }
    
    .header-inner-left img {
        height:55px;
    }
    
    .header-nav-right {
        height:60px;
        padding-top:5px;
    	width:65px;
    }
	
	.menu { 
    	position:absolute;
		left:0px;
		width:90%;
		padding:20px 5% 20px 5%;
		top:65px;
	}
	
	.fullbox {
		display:none;
	}
}

@media screen and (min-width: 1101px) {
	
	.underelevenhundred {
		display:none;
	}
	
	.overelevenhundred {
		display:block;
	}
}

@media screen and (max-width: 1100px) {
	.underelevenhundred {
		display:block;
	}
	
	.overelevenhundred {
		display:none;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END HEADER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/*###########################  STORE PAGES CSS ############################# */

.section-inner-left-align {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:left;
	
}

.store-inner-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.store-inner-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

.store-section-inner {
	position:relative;
	margin:auto;
	padding-top:10%;
	padding-bottom:10%;
	max-width:1100px;
	height:auto;
	text-align:left;
}

@media screen and (min-width: 701px) {

	.store-inner-left {
		float:left;
		width:55%;
		padding:10px 0px 10px 0px;
	}
	
	.store-inner-right {
		float:left;
		width:40%;
		padding:10px 0px 10px 5%;
	}
	
	.storeinsidesection {
		background:url(/images/stores/seattle-inside-local-store.JPG) center center no-repeat;
		background-size:contain;
		height:auto;
	}
	
	.ourproducts-4th {
		width:22%;
		text-align:center;
		float:left;
	}
}

@media screen and (max-width: 701px) {

	.store-inner-left {
		width:100%;
		padding:10px 0px 10px 0px;
	}

	.store-inner-right {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.storeinsidesection {
		height:auto;
	}
	
	.ourproducts-4th {
		width:100%;
		text-align:center;
	}
}

.storeformattention {
    position:relative;
    margin:auto;
    height:30px;
    width:auto;
    margin-bottom:-50px;
    z-index:5;
    padding:10px;
    background:rgba(190,0,0,1);
    color:#fff;
    border-radius:0px 0px 10px 10px;
}

pcstore a:link, pcstore a, pcstore a:active, pcstore a:visited, pcstore a:hover  {
    font-size:14px;
    line-height:130%;
	text-decoration:underline;
	color:#09C;
}

.storeinsidesection {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
}

.storesection-arrow img {
	position:relative;
	margin:auto;
	margin-top:-22px;
}

.store-white-button {
	position:relative;
	padding:10px 20px 10px 20px;
	width:100px;
	height:auto;
	color:#fff;
	text-align:center;
	border:1px solid #fff;
}
	.store-white-button:hover {
		background:#fff;
		color:#000;
	}
	
.pcstore, .pcstore a, .pcstore a:link, .pcstore a:active, .pcstore a:visited {
	width:100px;
	text-align:center;
	padding:2px 5px 2px 5px;
	color:#09C;
	border:1px solid #09C;
}
	.pcstore a:hover {
		color:#003d64;
		background:#09C;
		border:1px solid #09C;
	}


.ourproducts-4th {
    position:relative;
    margin:auto;
    padding:0px;
    height:auto;
}
	.ourproducts-4th img {
		position:relative;
		margin:auto;
		width:100%;
		max-width:250px;
		height:auto;
	}

.ourproducts-4th-pad {
    position:relative;
    margin:auto;
    padding:0px;
	height:10px;
	float:left;
	width:4%;
}

/* FORMS */
.store-form {
    position:relative;
    margin:auto;
    padding:15px 5% 20px 5%;
    width:90%;
    height:auto;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #e0e0e0 0%, #e8e8e8 48%, #ededed 49%, #ededed 49%, #d6d6d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#e0e0e0), color-stop(48%,#e8e8e8), color-stop(49%,#ededed), color-stop(49%,#ededed), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #e0e0e0 0%,#e8e8e8 48%,#ededed 49%,#ededed 49%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #e0e0e0 0%,#e8e8e8 48%,#ededed 49%,#ededed 49%,#d6d6d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #e0e0e0 0%,#e8e8e8 48%,#ededed 49%,#ededed 49%,#d6d6d6 100%); /* IE10+ */
	background: linear-gradient(45deg,  #e0e0e0 0%,#e8e8e8 48%,#ededed 49%,#ededed 49%,#d6d6d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-align:center;
}
.store-form h2{
	font-size: 28px;
    color: #002342;
    font-family: 'HelveticaNeueCE-Roman', sans-serif;
    margin-top: 0;
    margin-bottom: 12px;
}
.store-form input {
  line-height : 44px;
      padding : 0px 20px; 
       height : 46px;
}
.store-form textarea { 
  padding : 20px;
}
.store-form input, .store-form textarea {
  font-family : 'HelveticaLT-Light', sans-serif;
  -webkit-border-radius : 8px;
     -moz-border-radius : 8px;
          border-radius : 8px;
	/*padding-left:2%;*/
  font-size : 16px;
  margin : 0px auto;
   width : 90%;
	background:#fff;
	color:#003d64;
	border:none;
  outline:none;
}

.store-form .secure-contact {
    font-size: 12px;
    font-family: 'HelveticaLT-Light', sans-serif;
    text-align : center;
    margin : 20px 0px 0px 0px;
}

.store-form form button {
  -webkit-border-radius : 8px;
     -moz-border-radius : 8px;
          border-radius : 8px;
font-family : 'HelveticaLT-Light', sans-serif;
font-size : 16px;
    width:50%;
    height:46px;
    background:#003d64;
    color:#fff;
    border:none;
    cursor : pointer;
}
    .store-form form button:hover {
    background:#232323;
    color:#fff;
}

/*#########################  END STORE PAGES CSS ########################### */






/* ######################################### CSS FOR PRODUCT CATEGORY PAGE ########################################## */


.product-category-image {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	margin-bottom:15px;
}
	.product-category-image img {
		width:100%;
		height:auto;
	}

.section-inner-left-cat {
	position:relative;
	margin:auto;
	height:auto;
}

.section-inner-right-cat {
	position:relative;
	margin:auto;
	height:auto;
}

.pcat {
    position:relative;
    margin:auto;
    margin-left:10px;
}

    .pcat-button {
        position:relative;
        padding:5px 10px 5px 10px;
        border: 1px solid #333;
        color:#fff;
        background:#003d64;
        margin-left:10px;
        margin-top:-8px;
        margin-bottom:20px;
        cursor: pointer;
    }

    .pcat-button:hover {
        background:#0C2736;
        color:#fff;
    }
	
	.pcat-button-img {
        position:relative;
        padding:2px;
        margin-left:5px;
        margin-top:-13px;
        margin-bottom:20px;
        cursor: pointer;
    }
		.pcat-button-img img {
			height:40px;
			width:auto;
		}

    .pcat-button-img:hover {
        background:#F3F3F3;
        color:#fff;
    }


@media screen and (min-width: 1101px) {
	
	.box {
		width:27.3%;
        float:left;
		padding:20px 3% 20px 3%;
	}
}

@media screen and (max-width: 1100px) {
	.box {
		width:40%;
        float:left;
		padding:20px 5% 20px 5%;
	}
}

@media screen and (max-width: 700px) {
	
	.box {
		width:90%;
		padding:20px 5% 20px 5%;
	}
	
}


.product-category-list-head {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    text-align:left;
    background:#e1e1e1;
    border-top:1px solid #555;
    border-radius: 3px 3px 0px 0px;
    -moz-box-shadow:    inset 0 0 3px #d2d2d2;
    -webkit-box-shadow: inset 0 0 3px #d2d2d2;
    box-shadow:         inset 0 0 3px #d2d2d2;
    font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:14pt;
    color:#323232;
    line-height:1.0em;
    text-shadow: 1px 1px 0px #fff;
}

.pcl-1,
.pcl-general {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:100%;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-2 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-3 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-4 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-5 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-6 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-7 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-8 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-9 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-10 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-11 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.pcl-12 {
    position:relative;
    margin:auto;
    padding:10px 5% 10px 5%;
    width:90%;
    height:auto;
    background:#f3f3f3;
    display:block;
    border-top:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-radius: 0px 0px 3px 3px;
    margin-bottom:10px;
}

.center {
	text-align:center;
}

.pcl-title {
    position:static;
	width:100%;
	text-align:center;
    font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:15pt;
    color:#003d64;
    line-height:1.3em;
	padding:5px 0px 5px 10px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(226,226,226,0.86) 35%, rgba(214,214,214,0.87) 50%, rgba(225,225,225,0.88) 64%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(35%,rgba(226,226,226,0.86)), color-stop(50%,rgba(214,214,214,0.87)), color-stop(64%,rgba(225,225,225,0.88)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(226,226,226,0.86) 35%,rgba(214,214,214,0.87) 50%,rgba(225,225,225,0.88) 64%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(226,226,226,0.86) 35%,rgba(214,214,214,0.87) 50%,rgba(225,225,225,0.88) 64%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(226,226,226,0.86) 35%,rgba(214,214,214,0.87) 50%,rgba(225,225,225,0.88) 64%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(226,226,226,0.86) 35%,rgba(214,214,214,0.87) 50%,rgba(225,225,225,0.88) 64%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	

}

.box {
	position:relative;
	margin:auto;
    z-index:10;
	height:auto;
	text-align:center;
	height: 355px;
}

.box-inner {
	position:relative;
	margin:auto;
	padding:5% 5% 5% 5%;
	width:90%;
	height:auto;
	background:#fff;
	border: 1px solid #d9d9d9;
	-moz-box-shadow:    0 0 8px #dddddd;
    -webkit-box-shadow: 0 0 8px #dddddd;
    box-shadow:         0 0 8px #dddddd;
}
	.box-inner img {
		position:relative;
		margin:auto;
		width:100%;
		height:auto;
	}
	
	.box-inner h2 {
	    margin-top:4px;
		color:#000;
	}
	
	.box-inner pbt {
		color:#777;
	}
	
	.box-inner:hover {
		border: 1px solid #003D64;
	}

.box-button {
	position:relative;
	margin:auto;
	height:36px;
	width:50%;
	padding:1px 0px 0px 0px;
	color:#fff;
	text-align:center;
	background:#003D64;
    border-radius:2px;
}
	.box-button:hover {
		background:#002C48;
	}



/* ######################################### end of ----- CSS FOR PRODUCT CATEGORY PAGE ########################################## */


/* ----------------- CSS FOR LOCATIONS PAGE ----------------- */

.locations-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.locations-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
	
}

.locations-full {
	position:relative;
	margin:auto;
	padding:10px 0px 10px 0px;
	width:100%;
	height:auto;
	text-align:left;
}


    .locations-left {
        width:100%;
        padding:10px 0px 10px 0px;
    }
	
	.locations-right {
        width:100%;
        padding:10px 0px 10px 0px;
    }
	


/* NEW LOCATIONS CSS */

.storebox {
  position: relative;
  margin: auto;
  height: auto;
  text-align: center;
  float: left;
  font-family: 'Droid Sans', sans-serif;
}

.storeboxinner {
  position: relative;
  margin: auto;
  width: 90%;
  height: auto;
  padding: 20px 5% 20px 5%;
  background: #e7e7e7;
  color: #003d64;
  text-align: center;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.storeboxinner p {
  font-size: 14px;
  font-weight: normal;
}

.storeboxinner h {
  font-size: 18px;
  font-weight: bold;
}

.storetextbox {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .storebox {
    width: 88%;
    padding: 10px 6%;
  }
}

@media screen and (min-width: 800px) {
  .storebox {
    width: 29%;
    padding: 10px 2%;
  }
}

@media screen and (min-width: 999px) {
  .storebox {
    width: 21%;
    padding: 10px 2%;
  }
}

.abc {
  position: relative;
  margin: auto;
  height: 20px;
  width: 20px;
  padding: 5px 5px 5px 5px;
  background: #003d64;
  color: #fff;
  border-radius: 50%;
  float: center;
}

.storeboxbtn {
  position: relative;
  margin: auto;
  width: 36%;
  height: auto;
  padding: 10px 2%;
  margin-left: 10%;
  border-radius: 2px;
  font-weight: bold;
  font-size: 10px;
  float: left;
  background: rgba(115, 186, 215, 0.5);
  color: #003d64;
}

.storeboxbtn:hover {
  background: rgba(115, 186, 215, 0.75);
}

.storeboxbtn2 {
  position: relative;
  margin: auto;
  width: 36%;
  height: auto;
  padding: 10px 2%;
  border-radius: 2px;
  font-weight: bold;
  font-size: 10px;
  float: left;
  background: rgba(115, 186, 215, 0.25);
  color: #003d64;
}

.storeboxbtn2:hover {
  background: rgba(115, 186, 215, 0.95);
}

/* END NEW LOCATIONS CSS */

/* --------------- END CSS FOR LOCATIONS PAGE --------------- */


/* POOLS CSS*/

hpool {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:14pt;
    color:#000;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-14px;
    text-decoration:underline;
}


.pool-section-inner-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}

	.pool-section-inner-left img {
		position:relative;
		max-width:100%;
		height:auto;
	}

.pool-section-inner-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}

.pool-section-inner-right p a, .pool-section-inner-right p a:link, .pool-section-inner-right p a:active, .pool-section-inner-right p a:visited  {
    color:#003d64;
}

.pool-section-inner-right p a:hover {
    color:#39F;
}

.poolfeatures {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:url(/images/pools/water-texture.jpg) top center repeat;
}

.pf-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}

.poolfeatures-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}
	.poolfeatures-left img {
		position:relative;
		margin:auto;
		max-width:150px;
		height:auto;
	}

.poolfeatures-middle {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}
	.poolfeatures-middle img {
		position:relative;
		margin:auto;
		max-width:150px;
		height:auto;
	}


.poolfeatures-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
}
	.poolfeatures-right img {
		position:relative;
		margin:auto;
		max-width:150px;
		height:auto;
	}


.poolfeatures-full {
	position:relative;
	margin:auto;
	padding:10px 0px 10px 0px;
	width:100%;
	height:auto;
	text-align:left;
}

.poolsizes {
	color:#EE3035;
	cursor:pointer;
	width:155px;
}

.poolsizes-inner {
	display:none;
	position:absolute;
	margin:auto;
	margin-left:20px;
	z-index:100;
	padding:20px;
	height:auto;
	width:auto;
	background:#f3f3f3;
	color:#000000;
	cursor:pointer;
	border: 1px solid #2A3F55;
	border-radius:5px;
    -moz-box-shadow:     0 0 4px #c7c7c7;
    -webkit-box-shadow:  0 0 4px #c7c7c7;
    box-shadow:          0 0 4px #c7c7c7;
}

.poolsizes:hover .poolsizes-inner {
	display:block;
}

@media screen and (min-width: 701px) {

	.pool-section-inner-left {
		float:left;
		width:50%;
		padding:10px 0px 10px 0px;
	}
	
	.pool-section-inner-right {
		float:left;
		width:45%;
		padding:10px 0px 10px 5%;
	}
    
    .poolfeatures-left {
        float:left;
        width:30%;
        padding:10px 5% 10px 0px;
    }
    
    .poolfeatures-middle {
        float:left;
        width:30%;
        padding:10px 5% 10px 0px;
    }
	
	.poolfeatures-right {
        float:left;
        width:30%;
        padding:10px 0px 10px 0px;
    }
}

@media screen and (max-width: 700px) {
	
	.pool-section-inner-left {
		width:95%;
		padding:10px 0px 10px 0px;
	}

	.pool-section-inner-right {
		width:100%;
		padding:10px 0px 10px 0px;
	}
    
    .poolfeatures-left {
        float:left;
        width:100%;
        padding:10px 0px 30px 0px;
    }
    
    .poolfeatures-middle {
        float:left;
        width:100%;
        padding:10px 0px 30px 0px;
    }
	
	.poolfeatures-right {
        float:left;
        width:100%;
        padding:10px 0px 30px 0px;
    }
}


			/*VIKING*/
			
			.vikingimages {
				position:relative;
				margin:auto;
				width:100%;
				height:auto;
			}
			
			.vikingimages img {
				position:relative;
				margin:auto;
				float:left;
				max-width:180px;
				width:100%;
				height:auto;
				margin-right:10px;
				margin-bottom:10px;
			}
			
			/*VIKING*/


/* END POOL CSS */






/* NEW FIREPLACE CSS */

hfireplace {
    font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size:14pt;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-14px;
    text-decoration:underline;
}

.productsection-fireplacefeatures {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:url(http://www.aquaquip.com/images/fireplaces/fireplace-features-background-01.jpg)top center no-repeat fixed;
    background-size:cover;
}

.fireplacefeatures {
	position:relative;
	padding: 20px 0px 20px 0px;
	margin:auto;
	width:100%;
	text-align:center;
	min-height:auto;
}

.ff-inner {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
}

.ff-inner p {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	line-height:140%;
    font-size:14px;
	text-decoration:none;
}

.ff-inner p2 {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	line-height:140%;
    font-size:24px;
	text-decoration:none;
}

.fireplacefeatures-left {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
    color:#fff;
}

.fireplacefeatures-right {
	position:relative;
	margin:auto;
	height:auto;
	text-align:right;
    color:#fff;
}
	.fireplacefeatures-right img {
		max-width:332px; width:100%; height:auto;
	}

.firesd {
  position:relative;
  margin:auto;
  width:100%;
  height:auto;
}

.firesdleft, .firesdright {
  position:relative;
  margin:auto;
  width:44%;
  padding:5px 3% 5px 3%;
  margin-top:-4px;
  color:#fff;
  text-align:center;
  float:left;
  border-radius: 0px 0px 10px 10px;
}

.firesdleft {
  background:#232323;
}

.firesdright {
  background:#343434;
}

.firesdleft:hover {
  background:#BA0000;
}

.firesdright:hover {
  background:#BA0000;
}

.firesizes-inner {
	display:none;
	position:absolute;
	margin:auto;
	margin-left:-17px;
	margin-top:5px;
	z-index:100;
	padding:20px;
	height:auto;
	width:85%;
	background:#f3f3f3;
	color:#000000;
	cursor:pointer;
}

.firesizes:hover .firesizes-inner {
	display:block;
}

@media screen and (min-width: 701px) {
    
    .fireplacefeatures-left {
        float:left;
        width:60%;
        padding:10px 5% 10px 0px;
    }
	
	.fireplacefeatures-right {
        float:left;
        width:30%;
        padding:10px 0px 10px 0px;
    }
}

@media screen and (max-width: 700px) {
    
    .fireplacefeatures-left {
        float:left;
        width:100%;
        padding:10px 0px 30px 0px;
    }
	
	.fireplacefeatures-right {
        float:left;
        width:100%;
        padding:10px 0px 30px 0px;
    }
}


.onefourth {
	position:relative;
	margin:auto;
	padding:10px 2% 10px 2%;
	text-align:center;
}
	.onefourth img {
		max-width:40px;
		height:auto;
	}
	
.onefourth p {
	font-size:90%;
}

.onefourth a, .onefourth a:link, .onefourth a:active, .onefourth a:visited {
	color:#003d64;
}
	.onefourth a:hover {
		color:#39F;
	}

.onefourth:hover {
	background:rgba(200,200,200,0.2);
}

@media screen and (min-width: 701px) {
    .onefourth {
		width:21%;
		float:left;
	}
}

@media screen and (max-width: 700px) {
    .onefourth {
		width:100%;
	}
}


.fireplaceform {
    position:relative;
    margin:auto;
    width:90%;
    padding:15px 5% 15px 5%;
    height:auto;
    text-align:left;
    background:rgba(255,255,255,0.2);
}

.fireplaceform input[type=text] {
    border:0px;
    background:#e3e3e3;
    color:#003d64;
    border-radius: 0px;
    width:96%;
    padding:2%;
    font-weight:bold;
    -webkit-appearance: none;
}

.fireplaceform input[type=submit] {
    border:0px;
    background:#EE3537;
    color:#fff;
    border-radius: 4px;
    width:auto;
	height:auto;
    padding:10px 20px 10px 20px;
    font-weight:bold;
    -webkit-appearance: none;
}


.fireplacesizes {
	color:#EE3035;
	cursor:pointer;
	width:155px;
}

.fireplacesizes-inner {
	display:none;
	position:absolute;
	margin:auto;
	margin-left:20px;
	z-index:100;
	padding:20px;
	height:auto;
	width:auto;
	background:#f3f3f3;
	color:#000000;
	cursor:auto;
	border-radius:5px;
    -moz-box-shadow:     0 0 4px #c7c7c7;
    -webkit-box-shadow:  0 0 4px #c7c7c7;
    box-shadow:          0 0 4px #c7c7c7;
}

.fireplacesizes:hover .fireplacesizes-inner {
	display:block;
}




/* NEW FIREPLACE CSS */









/*HOME*/

sh1 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:700;
    font-size:45pt;
    color:#003D64;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-17px;
    text-shadow: 1px 1px 0px #f0f0f0;
}

sh2 {
    font-family: 'Droid Sans', sans-serif;
	font-weight:300;
    font-size:18pt;
    color:#232323;
    line-height:1.5em;
    margin:0em; 
    
}

sp {
    font-family: 'Droid Sans', sans-serif;
	font-weight:300;
    font-size:12pt;
    color:#232323;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-10px;
    
}

    sp a, sp a:link, sp a:active, sp a:visited {
        color:#EF4036;
    }



.homesection {
	position:relative;
	padding: 10px 10% 40px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:#F5F5F2;
}

.homesection-ad {
	position:relative;
	padding:0px 0px 0px 0px;
	margin:auto;
	width:100%;
	text-align:center;
	min-height:auto;
    background:url(/images/main/home/aqua-quip-seattle-fireplace-store-hot-tub-sale-bellevue-tacoma-01.jpg) top center repeat-x;
	background-size:auto;
	margin-top:-8px;
	margin-bottom:-8px;
}

.section-inner-ad {
	position:relative;
	margin:auto;
	max-width:1100px;
	height:auto;
	text-align:center;
	cursor:pointer;
}

.fadein {
    position:relative;
    width:500px;
    height:332px;
}
.fadein img {
    position:absolute;
    left:0;
    top:0;
}


.chatwidget {
    position:fixed;
    margin:auto;
    right:66px;
    bottom:0px;
    width:160px;
    height:auto;
    text-align:center;
    border-radius: 6px 6px 0px 0px;
	-webkit-box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.4);
	box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.4);
}

.chatwidget-l {
    position:relative;
    padding:6px 5% 2px 5%;
    width:16%;
    height:22px;
    background:#002949;
    float:left;
    border-radius: 6px 0px 0px 0px;
}
    .chatwidget-l img {
        position:relative;
        vertical-align:middle;
        max-width:20px;
        width:100%;
        height:auto;
    }

.chatwidget-r {
    vertical-align:middle;
    position:relative;
    padding:8px 6% 0px 3%;
    width:65%;
    height:22px;
    background:#003d64;
    float:left;
    border-radius: 0px 6px 0px 0px;
    color:white;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
}


.homesectionblue {
	position:relative;
	padding: 40px 10% 40px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:#003d64;
}

.section-inner-hometop {
    position:relative;
    margin:auto;
    width:100%;
    height:auto;
}
     .section-inner-hometop img {
        position:relative;
        margin:auto;
        max-width:1100px;
        width:100%;
		max-height:400px;
        height:auto;
     }

.section-inner-homeproducts {
    position:relative;
    margin:auto;
    height:auto;
    float:left;
    margin-bottom:10px;
    text-align:center;
	padding:1%;
}
    .section-inner-homeproducts img {
        position:relative;
        margin:auto;
        width:100%;
        height:auto;
    }

.home-about {
    position:relative;
    margin:auto;
    max-width:1100px;
    width:100%;
    height:auto;
    text-align:left;
}

.home-about hmain {
    color:#323232;
}

.home-about a, .home-about a:hover, .home-about a:active, .home-about a:link, .home-about a:visited {
    color:#73B9D7;
}

.home-about ptitle {
    font-size:20px;
    color:#003d64;
}

.home-about p, .home-brands p {
    font-size:16px;
    color:#323232;
}

.home-brands {
    position:relative;
    margin:auto;
    max-width:1100px;
    width:90%;
    height:auto;
    padding:35px 5% 35px 5%;
    text-align:center;
    background:#E2E3E4;
}

.brandlist img {
	float:center;
	max-width:125px;
	width:100%;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

.homebrands img {
    position:relative;
    margin:auto;
}

.homeproductsbutton {
    position:relative;
    margin:auto;
    padding:10px 0px 10px 0px;
    text-align:center;
    color:#003d64;
    border:1px solid #003d64;
    width:65%;
}



.homeproductspools1 {display:block;}
.homeproductspools2 {display:none;}
.homeproduct:hover .homeproductspools1 {display:none;}
.homeproduct:hover .homeproductspools2 {display:block;}

.homethirds {
    position:relative;
    margin:auto;
}

.homethirds-inner {
    position:relative;
    margin:auto;
    width:90%;
    height:auto;
    padding:20px 5% 20px 5%;
    background:#fff;
    text-align:center;
}

.homethirdsbutton {
    position:relative;
    margin:auto;
    padding:15px 0px 15px 0px;
    width:50%;
    border:1px solid #003d64;
    color: #003d64;
}
    .homethirdsbutton:hover {
        border:1px solid #003d64;
        background: #003d64;
        color:#fff;
    }

.homesale {
    position:relative;
    margin:auto;
    width:100%;
    height:auto;
    text-align:center;
    padding:0px 0px 10px 0px;
}

.homesale-left {
    position:relative;
    margin:auto;
    height:auto;
    text-align:center;
}

.homesale-right {
    position:relative;
    margin:auto;
    height:auto;
    text-align:center;
}

.homesalebutton {
    position:relative;
    margin:auto;
    padding:25px 0px 25px 0px;
    width:75%;
    height:auto;
    border:2px solid #003d64;
    color:#003d64;
}
    .homesalebutton:hover {
        color:#fff;
        background:#003d64;
    }

@media screen and (min-width: 901px) {
    .section-inner-homeproducts {
		width:21%;
        padding:2% 2% 2% 2%;
	}
    
    .section-inner-homeproducts:hover {
		width:23%;
        padding:0px 1% 0px 1%;
	}
    
    .section-inner-homeproducts:hover img {
        -webkit-box-shadow: 0px 3px 12px 0px rgba(35,35,35,1);
        -moz-box-shadow: 0px 3px 12px 0px rgba(35,35,35,1);
        box-shadow: 0px 3px 12px 0px rgba(35,35,35,1);
	}
}

@media screen and (max-width: 900px) {
    .section-inner-homeproducts {
		width:44%;
        padding:2% 2% 2% 2%;
	}
}

@media screen and (min-width: 801px) {
    
    .homethirds {
        float:left;
        width:31%;
        padding:0px 1% 0px 1%;
    }
    
    .mailinglist input[type="text"] {
		max-width:800px;
		width:50%;
	}
	
	.mailinglist input[type="number"] {
		max-width:275px;
		width:10%;
	}
    
    .homesale-left {
        float:left;
        width:70%;
    }
    
    .homesale-right {
        float:left;
        width:30%;
    }
}

@media screen and (max-width: 800px) {
    
    .homethirds {
        width:90%;
        padding:0px 5% 0px 3%;
    }
    
    
    
    .mailinglist input[type="text"] {
		max-width:800px;
		width:80%;
	}
	
	.mailinglist input[type="number"] {
		max-width:275px;
		width:30%;
	}
    
    .homesale-left {
        width:100%;
    }
     
    .homesale-right {
        width:100%;
    }
	
	sh1 {
		font-size:28pt;
	}
	
	sh2 {
		font-size:14pt;
		
	}
	
	sp {
		font-size:12pt;
		
	}
}

.mailinglist hmain, .mailinglist p {
    color:#fff;
    text-shadow:none;
}


.mailinglist input, textarea {
    -webkit-box-shadow: none !important;
    outline: 1px inset transparent;
    border: 1px solid #fff;
    padding: 3px;
	height:50px;
	color:#FFF;
    outline: none !important;
	background:none;
}

.mailinglist input:focus, textarea:focus {
    border-color: #73B9D7;
}

.mailinglist form button {
	padding:6px 25px 6px 25px;
	border: 2px solid rgba(0,0,0,0.0);
	height:55px;
    width:200px;
    background: #fff;
    color: #1A1A1A;
    font-weight: bold;
    outline: none !important;
        -moz-box-shadow:    0 4px 0px #232323;
        -webkit-box-shadow: 0 4px 0px #232323;
        box-shadow:         0 4px 0px #232323;
}

.mailinglist form button:hover {
    background: #73B9D7;
    color: #1A1A1A;
}


.homesectionwhite {
	position:relative;
	padding: 30px 10% 40px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
    background:#fff;
}

.homesectionwhite-inner {
    position:relative;
    margin:auto;
    max-width:1100px;
    width:100%;
    height:auto;
    text-align:left;
}

.homesectionwhite-inner hmain {
    color:#323232;
}

hmainblue {
    font-family: 'Droid Sans', sans-serif;
	font-weight:300;
    font-size:24pt;
    color:#73B9D7;
    line-height:1.0em;
    margin:0em;
    margin-bottom:-18px;
}

.homesectionwhite-inner a, .homesectionwhite-inner a:hover, .homesectionwhite-inner a:active, .homesectionwhite-inner a:link, .homesectionwhite-inner a:visited {
    color:#73B9D7;
}


/* START GRILL FINDER CODE */

.productsectiongf {
	position:relative;
	padding: 20px 10% 20px 10%;
	margin:auto;
	width:80%;
	text-align:center;
	min-height:auto;
	background:url(../images/grillfinder/bg-01.jpg) top center no-repeat;
	background-size:auto;
}

.blackbgup {
	position:relative;
	background:url(../images/grillfinder/blackbg-01.jpg) top center repeat;
	margin-top:-8px;
}

.grillfinder {
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	padding:10px 0px 10px 0px;
	
}

.gfbtn {
    position:relative;
    margin:auto;
    text-align:center;
    height:auto;
	float:left;
}

.gfsteptitle {
	position:relative;
	height:auto;
	width:auto;
	padding:10px 10px 10px 10px;
	margin:auto;
	text-align:left;
	background: -webkit-linear-gradient(left, #f3f3f3 , #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f3f3f3 , #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f3f3f3 , #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f3f3f3 , #ffffff); /* Standard syntax (must be last) */
}

.gfsteptitle2 {
	position:relative;
	height:auto;
	width:auto;
	padding:10px 10px 10px 10px;
	margin:auto;
	text-align:left;
	background: -webkit-linear-gradient(left, #565656 , #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #565656 , #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #565656 , #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #565656 , #ffffff); /* Standard syntax (must be last) */
}

gfh2 {
    font-family: 'Droid Sans', sans-serif;
    font-weight:700;
    font-size:18px;
    text-decoration:none;
	color:#003d64;
}

@media screen and (min-width: 901px) {

	.gf-step1 .gfbtn {
		width:21%;
		padding:2%;
	}
	
	.gf-step2 .gfbtn {
		width:29%;
		padding:2%;
	}
	
	.gf-step3 .gfbtn {
		width:29%;
		padding:2%;
	}
}

@media screen and (max-width: 900px) {

	.gf-step1 .gfbtn {
		width:48%;
		margin-right:2%;
		margin-bottom:10px;
		padding:0px;
	}
	
	.gf-step2 .gfbtn {
		width:48%;
		margin-right:2%;
		margin-bottom:10px;
		padding:0px;
	}
	
	.gf-step3 .gfbtn {
		width:48%;
		margin-right:2%;
		margin-bottom:10px;
		padding:0px;
	}
}

.gfbtn img {
    position:relative;
    margin:auto;
	max-width:200px;
	width:100%;
	height:auto;
}

.gf {
    display:none;
}

/* END GRILL FINDER CODE */












/* CAREER PAGE  | POSITION BOX CODE */

.jobbox {
  position:relative;
  margin:auto;
  width:90%;
  height:auto;
  padding:0px 5% 30px 5%;
  background:#e9e9e9;
  text-align:left;
  color:#D40000;
  font-size:18px;
}

.jobdescription {
  position:relative;
  margin:auto;
  width:90%;
  height:auto;
  padding:20px 5% 20px 5%;
  background:#f7f7f7;
  text-align:left;
  color:#232323;
  line-height:1.5em;
  font-size:12px;
}

.applybutton {
  position:relative;
  margin:auto;
  width:50%;
  height:auto;
  padding:10px 20px 10px 20px;
  background:#003d64;
  color:#fff;
  border-radius:5px;
  text-align:center;
  float:center;
}

.applybutton:hover {
  background:#002d32;  
}

.fulltimetag {
	margin-left:8px;
	padding:5px;
	background:#ccc;
	color:#003d64;
	font-weight:bold;
	font-size:75%;
}


/* CAREER PAGE  | POSITION BOX CODE */








/*HOME*/



.menubutton-call {
	position:relative;
	margin:auto;
	float:left;
	padding:10px 0px 10px 0px;
	width:30%;
	height:auto;
	margin-right:2%;
	border:1px solid #fff;
	color:#fff;
	font-size:80%;
}

.menubutton-call:hover {
	background:#fff;
	color:#003d64;
}

/*search*/
	
.searchbox {
	position:relative;
	margin:auto;
	padding:5px 5px 5px 5px;
	border-radius:2px;
	height:auto;
	max-width:800px;
	text-align:center;
	float:center;
	
}

.searchbox input {
	position:relative;
	margin:auto;
    -webkit-box-shadow: none !important;
    outline: none !important;
    outline:none;
    border:none;
    background:#E1E1E1;
    padding: 3px 0px 3px 2%;
	color:#003d64;
	height:34px;
	font-size:18px;
}

button, button .searchbutton {
	position:relative;
	margin:auto;
	padding:10px 0px 10px 0px;
	border:none;
    background: #003D64;
    color: #fff;
    font-weight: bold;
	height:40px;
}

button, button .searchbutton:hover {
    background:#002243;
}

@media screen and (min-width: 701px) {
	.searchbox {
		width:57%;
	}
	
	.searchbox input {
		width:68%;
		float:left;
	}
	
	.searchbutton {
		width:27%;
		float:left;
		margin-left:3%;
	}
}

@media screen and (max-width: 700px) {
	.searchbox {
		width:100%;
	}
	
	.searchbox input {
		width:98%;
	}
	
	.searchbutton {
		width:100%;
		margin-top:5px;
	}
	
}

	/*end search*/




.bluelinks a, .bluelinks a:active, .bluelinks a:link, .bluelinks a:visited {
	color:#005788;
	
}
	.bluelinks a:hover {
		color:#FF4700;
	}

.moveup {
	margin-top:-17px;
}

.totop {
    margin:auto;
    display: none;
    position: fixed;
    padding:16px 16px 16px 16px;
    bottom: 10px;
    right: 10px;
    width: auto;
    background: #e3e3e3;
    z-index: 100;
    text-align:center;
}

.form_fields p {
	font-size:9px;
}

.storealert {
	position:fixed;
	bottom:0px;
	z-index:100;
	margin:auto;
	width:100%;
	height:auto;
	text-align:center;
	display:none;
}

.storealert-inner {
	position:relative;
	margin:auto;
	border-radius: 10px 10px 0px 0px;
	padding:5px 0px 5px 0px;
	max-width:1100px;
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	background:#FF3232;
	color:#fff;
}

.locationsalertxmas {
    position: absolute;
    margin: auto;
    font-size:18px;
    top:95px;
    left:0px;
    height: auto;
    width: 96%;
    z-index: 10;
    padding: 10px 2% 10px 2%;
    background:url(/images/xmasalertbg-01.jpg) center center repeat;
    color: #fff;
    text-align:center;
    text-decoration:none;
	border-bottom:1px solid #fff;
}

.locationsalertbf {
    position: fixed;
    margin: auto;
    font-size:18px;
    top:95px;
    left:0px;
    height: auto;
    width: 100%;
    z-index: 500;
    padding: 10px;
    background:#000;
    color: #fff;
    text-align:center;
    text-decoration:none;
}

.locationsalertsbs {
    position: fixed;
    margin: auto;
    font-size:18px;
    top:95px;
    left:0px;
    height: auto;
    width: 100%;
    z-index: 500;
    padding: 10px;
    background:#2A1FAA;
    color: #fff;
    text-align:center;
    text-decoration:none;
}












/* PRODUCT INQUIRY FORM CSS */

.inquirybox {
  margin:auto;
  height:auto;
  background:#e3e3e3;
  text-align:right;
  font-size:20px;
  color:#003d64;
  z-index:200;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.inquirybox iframe {
	width:100%;
	height:100%;
}

.inquirybox-inner {
  position:relative;
  margin:auto;
  width:100%;
  height:100%;
  font-size:8px;
  color:#787878;
  text-align:right;
}

.inquirybox-inner textarea {
  position:relative;
  margin:auto;
  width:94%;
  margin-left:1%;
  margin-right:1%;
  padding:10px 2% 10px 2%;
  font-weight:bold;
  height:5em;
  border:none;
  color:#000;
  background:#fff;
}

.inquirybox-inner input[type="checkbox"] {
  position:relative;
  margin:auto;
  border:none;
  float:left;
  text-decoration:none;
}

.inquirybox-inner input[type="submit"] {
  position:relative;
  margin:auto;
  width:98%;
  height:auto;
  margin-left:1%;
  margin-right:1%;
  padding-top:10px;
  padding-bottom:10px;
  border:none;
  border-bottom:3px solid #232323;
  font-weight:bold;
  background:#003d64;
  color:#fff;
  cursor:pointer;
}

.inquirybox-inner input[type="submit"]:active {
  position:relative;
  margin:auto;
  width:98%;
  height:auto;
  margin-left:1%;
  margin-right:1%;
  padding-top:10px;
  padding-bottom:10px;
  border:none;
  border-top:3px solid #000;
  font-weight:bold;
  background:#003d64;
  color:#fff;
}

.inquirybox-inner input[type="submit"]:hover {
  background:#004f80;
}

.inquirybox-inner input[type="submit"]:active {
  background:#232323;
}

.subjectline {
  position:relative;
  margin:auto;
  width:94%;
  margin-left:1%;
  margin-right:1%;
  font-weight:bold;
  text-align:center;
  font-size:20px;
  color:#003d64;
  border:none;
}
#inquirybox{
	left: 0 !important;
	background: none;
	width: 100% !important;
	padding: 0 !important;
	box-shadow: none !important;
	top: 0;
    z-index: 999999;
    padding-top: 180px !important;
    background: rgba(0,0,0,.4);
    height: 100%;
}
#inquirybox .inquirybox-inner{
	background: #fff;
	border-radius: 10px;
    width: 650px;
    box-sizing: border-box;
    padding: 35px 83px 15px 83px;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	height: auto;
}
#inquirybox .subjectline{
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	margin: 0 0 4px 0;
	width: 100%;	
color: #891518;	
}
#inquirybox label{
    font-size: 15.6px;
    font-weight: bold;
    color: #173c61;
    text-align: left;
    clear: both;
    display: block;
    margin-left: 1%;
    margin-right: 1%;	
	margin-bottom: 7px;
    margin-top: 3px;
}
#inquirybox ::-webkit-input-placeholder { 
  color: #173c61;
}
#inquirybox ::-moz-placeholder {
  color: #173c61;
}
#inquirybox :-ms-input-placeholder {
  color: #173c61;
}
#inquirybox :-moz-placeholder {
  color: #173c61;
}
.popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.inquirybox-inner select {
    position: relative;
    margin: auto;
    padding: 10px 2% 10px 2%;
    width: 47%;
    height: auto;
	  margin-left:2%;
    background: #ABE1FA;
    color: #121212;
    border: none;
    float:left;
}
#inquirybox input,
#inquirybox textarea{
	font-weight: bold;
	float: none;
	width: 100%;
	box-sizing: border-box;
	font-size: 15.6px;
	font-family: "Open Sans", sans-serif;
	color: #173c61;
	line-height: initial;
	height: 47px;
	background: #f6f6f6;
	border: solid 1px #d6d6d6;
	border-radius: 8px;
	margin-bottom: 8px;
	padding: 0 18px;		
	outline: none;
}
#inquirybox label.checkbox{
	line-height: 30px;
	
}
#inquirybox input[type="checkbox"]{
	width: 30px;
    height: 30px;
    float: left;
	margin-right: 10px;
}
#inquirybox textarea{
	padding: 15px 18px;
	margin-top: 8px;
	height: 115px;	
}
#inquirybox select{
	background: #ffffff url(images/dropdown-arrow2.png) no-repeat center right 11px;
	background: url(images/dropdown-arrow2.png) no-repeat center right 11px, -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
	background: url(images/dropdown-arrow2.png) no-repeat center right 11px, -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
	background: url(images/dropdown-arrow2.png) no-repeat center right 11px, linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
	filter: url(images/dropdown-arrow2.png) no-repeat center right 11px, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );	
	border: solid 1px #d6d6d6;
	border-radius: 8px;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	line-height: initial;
	height: 49px;
	padding: 0 18px;	
	font-size: 15.6px;
	font-family: "Open Sans", sans-serif;
	color: #173c61;
	width: 100%;
	max-width: 100%;
	margin-left: 1%;
    margin-right: 1%;	
}
#inquirybox input[type="submit"]{
	background: #891518;
    color: #fff;
    border: solid 1px #891518;
}
.secure {
    display: block;
    text-align: center;
    font-size: 9.25px;
    color: #a4a4a4;
    font-family: "Open Sans", sans-serif;
    margin-top: 8px;
}
@media only screen and (min-width: 901px) {
    .inquirybox-inner input {
	  position:relative;
	  margin:auto;
	  width:19%;
	  margin-left:1%;
	  margin-right:1%;
	  padding:10px 2% 10px 2%;
	  border:none;
	  font-weight:bold;
	  float:left;
	}
	.inquirybox-inner textarea {
	  margin-top:1em;
    }
	
	.inquirybox-inner input[type="checkbox"] {
		width:auto;
	}
	
	.inquirybox {
	  position:fixed;
	  top:180px;
  	  width:44%;
	  left:25%;
  	  padding:10px 3% 20px 3%;
	}
	#inquirybox{
		width: 650px;
		box-sizing: border-box;
		padding: 15px 83px 20px 83px;
	}


}

@media only screen and (max-width: 900px) {
    .inquirybox-inner input {
	  position:relative;
	  margin:auto;
	  width:44%;
	  margin-left:1%;
	  margin-right:1%;
	  padding:10px 2% 10px 2%;
	  border:none;
	  font-weight:bold;
	  float:left;
	  margin-bottom:1em;
	}
	
	
	.inquirybox-inner input[type="checkbox"] {
		width:auto;
	}
	
	.inquirybox {
	  position:absolute;
  	  width:80%;
  	  top:80px;
  	  padding:10px 5% 20px 5%;
  	  margin-left:5%;
  	  margin-right:5%;
	}
}

@media only screen and (max-width: 900px) and (orientation: portrait) {
    .inquirybox-inner input {
	  position:relative;
	  margin:auto;
	  width:94%;
	  margin-left:1%;
	  margin-right:1%;
	  padding:10px 2% 10px 2%;
	  border:none;
	  font-weight:bold;
	  float:left;
	  margin-bottom:1em;
	}
	
	.inquirybox-inner input[type="checkbox"] {
		width:auto;
	}
}



/* END PRODUCT INQUIRY FORM CSS */








/*CATEGORY PAGES - BUYING GUIDE LINK ADDITIONAL CSS LINES */
.categorydivisionleft {
	position:relative;
	margin:auto;
	float:left;
	width:50%;
	text-align:left;
}
.categorydivisionright {
	position:relative;
	margin:auto;
	float:left;
	width:50%;
	text-align:right;
}
.categorydivisionright img {
	position:relative;
	margin:auto;
	float:right;
	width:100%;
	height:auto;
	max-width:180px;
}
/*END CATEGORY PAGES - BUYING GUIDE LINK ADDITIONAL CSS LINES */















/* FLYIN FAMILY SUMMER CLEARANCE SALE AD STYLE */


.flyin {
	position:fixed;
  margin:auto;
  z-index:500;
  right:0px;
  bottom:0px;
	width:25%;
	height: auto;
	margin: 0;
  background-color:#F4CF00;
  font-family:sans-serif;
	color: #003d64;
	padding: 0px 40px 20px 40px;
	font-size: 16px;
  text-align:center;
  display:none;
}
.flyin img {
  width:100%;
  max-width:400px;
  height:auto;
}

.closeflyin {
	position: relative;
  margin:auto;
  margin-right:-40px;
  height:auto;
  width:auto;
  float:right;
  padding:10px;
	color: #003d64;
  font-family:sans-serif;
  font-size:24px;
  font-weight:bold;
  text-align:right;
  cursor:pointer;
}

.largetext {
  font-family:sans-serif;
  font-size:32px;
  font-weight:bold;
  text-align:center;
}

@media screen and (max-width: 800px) {
  .flyin {
    visibility: hidden;
  }
}


/* END FAMILY SUMMER CLEARANCE STYLE */


/*  SALES PAGE FLYER DOWNLOAD LINK CSS */
.downloadflyer {
	position:relative;
	margin:auto;
	max-width:1200px;
	width:100%;
	height:auto;
}

ul.nordic-dreammaker-buttons {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.nordic-dreammaker-buttons li{
	float: left;
	width: 200px;
	margin-right: 10px;
}

ul.nordic-dreammaker-buttons li * {
    max-width: 100%;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    font-size: 16px;
	background: #003D64;
    color: #fff;
}
ul.nordic-dreammaker-buttons:after{
	display: block;
	content: "";
	clear: both;
}
button.button.popup-button.visitstore {
    padding: 10px 14px 10px 14px;
	cursor: pointer;
	outline: none;
}

.nordic-dream-popup .popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all .5s ease-in-out;
}
.nordic-dream-popup .popup h2{
	font-size: 40px;
    color: #002342;
    font-family: 'HelveticaNeueCE-Roman', sans-serif;
    margin-top: 0;
    margin-bottom: 12px;
}
.nordic-dream-popup .input-control {
    margin-bottom: 10px;
}

.nordic-dream-popup .input-control input[type="text"],
.nordic-dream-popup .input-control input[type="email"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 10px;
    border: solid 1px #cccccc;
    font-family: 'HelveticaLT-Light', sans-serif;
    outline: none;
    color: #000;
	
}
.nordic-dream-popup .input-control label {
    display: block;
    color: #002342;
    font-family: 'HelveticaNeueCE-Roman', sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
}
.nordic-dream-popup .input-control select {
    background: #ffffff url(images/dropdown-arrow2.png) no-repeat center right 11px;
    background: url(images/dropdown-arrow2.png) no-repeat center right 11px, -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
    background: url(images/dropdown-arrow2.png) no-repeat center right 11px, -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: url(images/dropdown-arrow2.png) no-repeat center right 11px, linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
    filter: url(images/dropdown-arrow2.png) no-repeat center right 11px, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    display: block;
    width: 100%;
    line-height: initial;
    height: 51px;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    border: solid 1px #cccccc;
    font-family: 'HelveticaLT-Light', sans-serif;
    border-radius: 10px;
    color: #000;
    outline: none;
    -webkit-appearance: button;
    cursor: pointer;
}

.nordic-dream-popup .input-control textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    border: solid 1px #cccccc;
    font-family: 'HelveticaLT-Light', sans-serif;
    height: 150px;
    background: #fff;
    outline: none;
    color: #000;
}

.nordic-dream-popup .input-control .button {
    border: 0;
    margin: 0 auto;
    display: block;
    font-weight: normal;
    font-size: 22px;
    width: 200px;
    -webkit-appearance: button;
    cursor: pointer;
    background: #013d64;
    color: #fff !important;
    border-radius: 10px;
    line-height: 57px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'HelveticaNeueCE-Roman', sans-serif;
    padding: 0 20px;
    height: auto;
    letter-spacing: 1px;
    outline: none;
}

.nordic-dream-popup .email-optin {
    float: left;
    font-size: 12px;
    font-family: 'HelveticaLT-Light', sans-serif;
}
.nordic-dream-popup .email-optin input {
    vertical-align: middle;
}

.nordic-dream-popup .secure-contact {
    float: right;
    font-size: 12px;
    font-family: 'HelveticaLT-Light', sans-serif;
}
/* NEW FOOTER FORM STYLE */


body {
  padding: 0px;
  margin: auto;
  background:#fff;
}

.AskAQForm {
  padding: 20px 20px 20px 0px;
  color: #003d64;
  text-align: left;
}

.AskAQForm select {
  position: relative;
  margin: auto;
  padding: 8px 2% 8px 2%;
  width: 80%;
  height: auto;
  background: #a4dcf0;
  color: #003d64;
  border: none;
}

.AskAQForm input[type=submit] {
  position: relative;
  margin: auto;
  padding: 8px 0px 8px 0px;
  width: 80%;
  height: auto;
  background: #003d64;
  color: #fff;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #000d64;
}

.AskAQForm input[type=text] {
  position: relative;
  margin: auto;
  padding: 8px 2% 8px 2%;
  height: auto;
  background: #e7e7e7;
  color: #000;
  border: none;
  width: 76%;
  margin-bottom: 10px;
}

.AskAQForm textarea {
  position: relative;
  margin: auto;
  padding: 8px 2% 8px 2%;
  width: 76%;
  height: auto;
  background: #e7e7e7;
  color: #000;
  border: none;
}

/* END FOOTER FORM STYLE */


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear{clear: both;}

#bf-revz-widget-687897056{
	height: 740px;
}
#leave-review {
    margin-bottom: 10px;
}
#leave-review h2{
    margin-top: 0;
    font-size: 27.62px;
    font-weight: bold;
    color: #023e63;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 35px;	
}
#leave-review .leave-review{
    text-align: center;
    margin-bottom: 22px;
    background: #fff;
    padding: 20px 0 25px;
    float: left;
    box-shadow: -2px 3px 10px rgba(0,0,0,.2);
    margin-right: 21px;
    width: 32%;
    box-sizing: border-box;
}
#leave-review .leave-review.last{
	margin-right: 0;
}
#leave-review .leave-review h3{
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    color: #023e63;
}
#leave-review .leave-review .leave-review-button{
	width: 153px;
	line-height: 44px;
	font-weight: 600;
	font-family: "Open Sans",sans-serif;
	color: #fff;
	border-radius: 3px;
	background: #56a9d0;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px;
	max-width: 42.5%;
	
}
#leave-review .leave-review .leave-review-button:hover,
#leave-review .leave-review .leave-review-button:active,
#leave-review .leave-review .leave-review-button:focus{
	background: #133f64;
}
.pcl-general{
	padding-bottom: 50px;
}
.section.hottub-tab-active,
.categorytop.hottub-tab-active{
	padding-bottom: 160px;
}
#hottubspage .content-tabs-primary  {
	margin-top: 0;
}
.content-tabs-primary  {
	margin-top: -110px;
	position: relative;
	text-align: center;
	z-index: 99;
}
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0
}
.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none
}
.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none
}
.r-tabs .r-tabs-accordion-title {
    display: none
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

.section-inner .r-tabs-nav li {
    border-radius: 0;
    border: 0;
    margin-left: 0px;
    padding-left: 0;
    float: left;
    background: #5cd7ff;
}
.content-tabs ul.r-tabs-nav li:before {
    display: none !important;
}
.section-inner .r-tabs-nav li.r-tabs-state-active {
    background: #051b3f;
    outline: none;
    color: #fff;
    margin-left: 0;
    padding-left: 0;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav{
	display: inline-block;
	vertical-align: top;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav li{
    width: 240px;
    line-height: 75px;
    text-transform: uppercase;
    text-align: center;
    color: #0b2d4e;
    font-family: 'Raleway', sans-serif;
    border-top: solid 15px transparent;
    background: none;
    position: relative;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav li.r-tabs-state-active{
	border-top: solid 15px #0b2d4e;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav li.r-tabs-state-active:after{
	display: block;
	content: "";
	width: 100%;
	height: 24px;
	position: absolute;
	left: 0;
	bottom: -24px;
    background: url(images/tabmenu-tip.png) no-repeat center top;
    background-size: 100% 100%;
}
.section-inner .r-tabs-nav li a {
    padding: 0px 20px;
    outline: none;
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    border: 0;
	text-align: center;
	background: #e6e6e6;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav li a{
    font-size: 32px;
    font-weight: 600;
	font-family: 'Raleway', sans-serif;
	color: #0b2d4e;
	height: auto;
	padding: 0;
	line-height: 75px;
	display: block;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav li.r-tabs-state-active a{
	color: #fff;
	background: #0b2d4e;
	font-size: 35px;
}
.section-inner .r-tabs-nav li.r-tabs-state-active a {
    color: #fff;
	background-image: none;
}
.section-inner.r-tabs-nav li:last-child a,
.section-inner .r-tabs-nav li.noborder a {
	background-image: none;
}
.section-inner .r-tabs .r-tabs-nav {
    margin-bottom: 0;
}
.section-inner .r-tabs-nav-primary.r-tabs-nav {
    text-align: center;
}
.section-inner .r-tabs .r-tabs-nav:after{
	display: block;
	content: "";
	clear: both;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li,
.section-inner .r-tabs-nav-link li{
	margin-left: 0;
	width: 25%;
	position: relative;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-five li{
	width: 20%;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-three li{
	width: 33.333%;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-five li{
	width: 20%;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-nine li{
	width: 33.333%;
	border-bottom: solid 5px #fff;	
	line-height: 70px;	
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-nine li:nth-child(3n):after {
	display: none;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-nine li a{
    font-size: 20px;
	line-height: 70px;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-nine li.r-tabs-state-active a{
    font-size: 22px;	
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-five li a{
	font-size: 22px;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-five li.r-tabs-state-active a{
	font-size: 24px;
}
.section-inner .r-tabs-nav-link li{
	float: left;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li a,
.section-inner .r-tabs-nav-link li a{
	padding: 0;
	line-height: 90px;
	background: #e6e6e6;
	color: #0b2d4e;
    font-size: 26px;
    font-weight: 600;
	font-family: 'Raleway', sans-serif;	
}

.section-inner .r-tabs-nav-link li a{
	display: block;
	text-align: center;
}
ul.r-tabs-nav-secondary.r-tabs-nav-link {
    padding-left: 0;
}

.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li.r-tabs-state-active a{
	color: #fff;
    background: #0b2d4e;
    font-size: 28px;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li:after{
	display: block;
	content: "";
	width: 4px;
	height: 100%;
	right: 0;
	top: 0;
	background: #fff;
	position: absolute;
}
.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li:last-child:after{
	display: none;
}
.section-inner .content-tabs-secondary.r-tabs {
    margin-top: 40px;
}

.section-inner .r-tabs .r-tabs-panel {
    padding: 20px 0;
    clear: both;
    text-align: left;
}
.section-inner .r-tabs .r-tabs-panel p {
    margin-bottom: 25px;
    margin-top: 0;
}
.section-inner .r-tabs .r-tabs-panel p.price-range{
	margin-bottom: 0;
}
p.price-range.price-range-financing {
    margin-bottom: 0;
}
.section-inner .r-tabs .r-tabs-panel p.financing-available,
p.financing-available {
	margin-top: 0;
    text-align: left;
    font-family: "Open Sans",s sans-serif;
    font-size: 14px;
    color: #013d64;
}
.financing-available.financing-available-placeholder{visibility: hidden;}

.section-inner .r-tabs .r-tabs-panel ul {
    margin-bottom: 25px;
}
.section-inner .r-tabs .r-tabs-panel ul li ul {
    margin-bottom: 0;
}
.section-inner .r-tabs .r-tabs-panel ul li {
    margin-left: 12px;
}
.tabimage-mobile {
    display: none;
}
.r-tabs-accordion-title a.r-tabs-anchor {
    padding: 12px 35px 12px 10px;
    outline: none;
    text-transform: uppercase;
    display: block;
    color: #fff;
    margin-bottom: 10px;
	font-weight: 600;
	background: #1c1c1c url(images/plus.png) no-repeat right 12px center;
}
.r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor {
    background: #051b3f url(images/minus.png) no-repeat right 12px center;
    color: #fff;
}

.r-tabs-accordion-title a.r-tabs-anchor br{display: none;}
.spas_model_photo_mobile {
    display: none;
}

.content-tabs-primary .r-tabs-accordion-title a.r-tabs-anchor{
    background: #e6e6e6 url(images/plus_.png) no-repeat right 12px center;
    text-align: left;
    color: #0b2d4e;
    font-size: 20px;
    padding: 18px 35px 18px 20px;
}
.content-tabs-primary .r-tabs-accordion-title.r-tabs-state-active a.r-tabs-anchor{
    background: #0b2d4e url(images/minus_.png) no-repeat right 12px center;
	color: #fff;
}
.content-tabs-secondary .r-tabs-accordion-title a.r-tabs-anchor{
    font-size: 18px;
    padding: 15px 35px 15px 20px;	
}
#tabcontents-inground .box {
    height: 340px;
}
.bellevue-directions .storeinsidesection{
	background: none;
}
.bellevue-directions{
	background: #023d65 url(images/2019-Bellevue-Banner.jpg) no-repeat center;
	background-size: auto 100%;
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
	.content-tabs-primary {margin-top: -115px;}
	#hottubspage .content-tabs-primary {margin-top: -5px;}
	.section-inner .r-tabs-nav-primary.r-tabs-nav li a {font-size: 28px; line-height: 80px;}
	.section-inner .r-tabs-nav-primary.r-tabs-nav li.r-tabs-state-active a{font-size: 30px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li a{font-size: 20px;line-height: 80px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li.r-tabs-state-active a{font-size: 22px;}
}

@media only screen and (min-width: 1153px) and (max-width: 1280px) {
	.content-tabs-primary {margin-top: -105px;}
	.section-inner .r-tabs-nav-primary.r-tabs-nav li a {font-size: 24px; line-height: 70px;}
	.section-inner .r-tabs-nav-primary.r-tabs-nav li.r-tabs-state-active a{font-size: 26px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li a{font-size: 18px;line-height: 70px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li.r-tabs-state-active a{font-size: 20px;}
	.price-range {font-size: 14px;}
	.price-range .range{font-size: 16px;}
	.hottubhero .owl-theme .owl-dots {margin-top: -147px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1152px) {
	.content-tabs-primary {margin-top: -105px;}
	.section-inner .r-tabs-nav-primary.r-tabs-nav li a {font-size: 24px; line-height: 70px;}
	.section-inner .r-tabs-nav-primary.r-tabs-nav li.r-tabs-state-active a{font-size: 26px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li a{font-size: 18px;line-height: 70px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary li.r-tabs-state-active a{font-size: 20px;}
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-five li a,
	.section-inner .r-tabs .r-tabs-panel ul.r-tabs-nav-secondary.r-tabs-nav-five li.r-tabs-state-active a{ font-size: 16px}
	.hottubhero .owl-theme .owl-dots {margin-top: -147px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.section.hottub-tab-active {padding-bottom: 60px;}
	.r-tabs .r-tabs-accordion-title {display: block;}
	.r-tabs .r-tabs-nav{display: none !important;}
	.content-tabs-primary {margin-top: 20px;}
	.section-inner .content-tabs-secondary.r-tabs {margin-top: 0; max-width: 98%; margin: 0 auto;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link{display: block !important;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link li,
	.section-inner .r-tabs-nav-link li{width: 100% !important; float: none; margin-bottom: 10px;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link li a,
	.section-inner .r-tabs-nav-link li a{ text-align: left !important; color: #0b2d4e !important; font-size: 18px !important; padding: 15px 35px 15px 20px !important; line-height: 20px !important; font-weight: bold !important; font-family: "Open Sans", sans-serif !important;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link li:after,
	.section-inner .r-tabs-nav-link li:after{display: none !important;}	
	ul.r-tabs-nav-secondary.r-tabs-nav-link {margin-top: 0;margin-bottom: 0 !important; margin-left: 10px; margin-right: 10px; }
	.hero-tagline h2{font-size: 55px; line-height: 60px;}
	.hero-tagline p{font-size: 20px;}
	.hottubhero .owl-theme .owl-dots {margin-top: -55px;}
	.hottubhero .owl-carousel .owl-nav .owl-next{right: 20px;}
	.hottubhero .owl-carousel .owl-nav .owl-prev{left: 20px;}
}

@media only screen and (min-width: 960px) and (max-width: 1330px) {
	#leave-review .leave-review{width: 31.4%;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#bf-revz-widget-687897056 {height: 790px;}
	#leave-review h2{font-size: 22.62px;}
	#leave-review .leave-review{width: 47.3%;margin: 0px 8px 20px 8px !important;}
	#leave-review .leave-review .leave-review-button {width: 125px;}
	.productsection .box{height: 309px;}
	.productsection-hottub .section-inner-left-hottub {float: none; width: 100%; min-height: 556px; padding: 35px 0px 10px 0; box-sizing: border-box;}
	.productsection-hottub .section-inner-right-hottub {float: none;width: 100%;min-height: 556px;padding: 25px 5% 25px 5%;box-sizing: border-box;}
	.visitstore{float: none;}
	.productsection-hottub .section-inner-left-hottub-thumbnails{padding: 0 20px;float: none;}
	a.build-and-price-button{width: 84%;}
	#inquirybox{margin: 0; padding-top: 100px !important;}
}
@media only screen and (max-width: 767px) {
	.section.hottub-tab-active {padding-bottom: 60px;}
	.r-tabs .r-tabs-accordion-title {display: block;}
	.r-tabs .r-tabs-nav{display: none !important;}
	.content-tabs-primary {margin-top: 20px;}
	.section-inner .content-tabs-secondary.r-tabs {margin-top: 0; max-width: 98%; margin: 0 auto;}
	#leave-review h2{ font-size: 21px;}
	#bf-revz-widget-687897056 {height: 840px;}
	#leave-review .leave-review{ float: none; width: 100%; margin-right: 0;}
	a.build-and-price-button{ font-size: 18px; width: 300px; line-height: 24px; padding-top: 12px; padding-bottom: 12px;}
	a.build-and-price-button:before{ left: 10px; top: 12px; background-size: 100%; width: 30px; height: 46px;}
	a.build-and-price-button:after{ right: -45px; top: -2px; background-size: 100%; width: 120px; height: 90px;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link{display: block !important;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link li,
	.section-inner .r-tabs-nav-link li{width: 100% !important; float: none; margin-bottom: 10px;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link li a,
	.section-inner .r-tabs-nav-link li a{ text-align: left !important; color: #0b2d4e !important; font-size: 18px !important; padding: 15px 35px 15px 20px !important; line-height: 20px !important; font-weight: bold !important; font-family: "Open Sans", sans-serif !important;}
	.section-inner .r-tabs .r-tabs-panel .r-tabs-nav.r-tabs-nav-link li:after,
	.section-inner .r-tabs-nav-link li:after{display: none !important;}
	ul.r-tabs-nav-secondary.r-tabs-nav-link {margin-top: 0;margin-bottom: 0 !important; margin-left: 10px; margin-right: 10px; }
	.hero-tagline{ padding-top: 25px; position: relative; background: #0b2d4e; padding-bottom: 8px;}
	.hero-tagline h2{ font-size: 20px; line-height: 20px;}
	.hero-tagline p{font-size: 20px;}
	.hottubhero .owl-theme .owl-dots {margin-top: -48px;}
	.hottubhero .owl-carousel .owl-nav .owl-next, 
	.hottubhero .owl-carousel .owl-nav .owl-prev{ width: 15px; height: 41px; background-size: 100% !important; top: 46%;}
	.hottubhero .owl-carousel .owl-nav .owl-next{right: 20px;}
	.hottubhero .owl-carousel .owl-nav .owl-prev{left: 20px;}
	.hero-tagline p{font-size: 15px; margin-left: 20px; margin-right: 20px;}
	.hottubhero-desktop{display: none;}
	.hottubhero-mobile{display: block;}
	#inquirybox{margin: 0; padding-top: 20px !important;}
	#inquirybox .inquirybox-inner{ padding: 35px 15px 15px 15px;max-width: 90%;}
	#inquirybox .subjectline{ font-size: 25px; text-transform: capitalize;}
	#inquirybox input, #inquirybox select{ height: 38px; font-size: 16px;}
	#inquirybox textarea{font-size: 16px;}
	#inquirybox label{font-size: 14px; font-weight: 600;}
	#inquirybox label.checkbox {line-height: 15px;}
}
@media only screen and (max-width: 375px) {
	a.build-and-price-button{ font-size: 16px; width: 265px; line-height: 24px; padding-top: 12px; padding-bottom: 12px;}
	a.build-and-price-button:before{ left: 10px; top: 12px; background-size: 100%; width: 24px;height: 37px;}
	a.build-and-price-button:after{ right: -60px; top: -2px; background-size: 100%; width: 120px; height: 90px;}	
}
@media only screen and (max-width: 320px) {
	a.build-and-price-button{ font-size: 14px; width: 235px; line-height: 21px; padding-top: 8px; padding-bottom: 8px;}
	a.build-and-price-button:before{ left: 10px; top: 12px; background-size: 100%; width: 24px;height: 37px;}
	a.build-and-price-button:after{ right: -50px; top: -2px; background-size: 100%; width: 110px; height: 90px;}	
	.hottubhero .owl-theme .owl-dots{display: none;}
	#inquirybox .subjectline {font-size: 20px;}
	#inquirybox .inquirybox-inner{padding-top: 25px;}
	#inquirybox textarea {font-size: 16px;padding: 10px 18px;height: 80px;}
	#inquirybox input, #inquirybox select {height: 36px;}
	#inquirybox{top: 30px; z-index: 9999;}
}

/* SCROLLING PHOTOS STYLES */

.page-overview{
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	background: #000;
}
.page-overview .section{
	padding: 0 !important;
	width: 100% !important;
}
.page-overview figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
	margin: 0;
    padding: 0;
	display: block;
}

.page-overview .row::before, 
.page-overview .row::after {
    content: ' ';
    display: table;
}

.page-overview .max-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1860px;
}

.page-overview .section-tv-app .content-grid {
	padding: 33px 0;
    background: #000;
    max-width: 100%;
}

.page-overview .section-tv-app .content-grid .image-river:before, 
.page-overview .section-tv-app .content-grid .image-river:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.page-overview .section-tv-app .content-grid .image-river.top:before, 
.page-overview .section-tv-app .content-grid .image-river.top:after {
    width: 2845px;
    height: 310px;
    background-size: 2845px 310px;
    background-repeat: no-repeat;
    background-image: url(http://www.aquaquip.com/images/river_top_large.jpg);
    -webkit-animation-duration: 160s;
    animation-duration: 160s;
}
.page-overview .section-tv-app .content-grid .image-river.middle:before, 
.page-overview .section-tv-app .content-grid .image-river.middle:after {
    width: 2845px;
    height: 376px;
    background-size: 2845px 376px;
    background-repeat: no-repeat;
    background-image: url(http://www.aquaquip.com/images/river_middle_large.jpg);
    -webkit-animation-duration: 100s;
    animation-duration: 100s;
}
.page-overview .section-tv-app .content-grid .image-river.bottom:before, 
.page-overview .section-tv-app .content-grid .image-river.bottom:after {
    width: 2845px;
    height: 310px;
    background-size: 2845px 310px;
    background-repeat: no-repeat;
    background-image: url(http://www.aquaquip.com/images/river_bottom_large.jpg);
    -webkit-animation-duration: 140s;
    animation-duration: 140s;
}

.page-overview .section-tv-app .content-grid .image-river.top:before {
    -webkit-animation-name: riverRowTopBeforelarge;
    animation-name: riverRowTopBeforelarge;
}
.page-overview .section-tv-app .content-grid .image-river.top:after {
    -webkit-animation-name: riverRowTopAfterlarge;
    animation-name: riverRowTopAfterlarge;
}

.page-overview .section-tv-app .content-grid .image-river.middle:before {
    -webkit-animation-name: riverRowMiddleBeforelarge;
    animation-name: riverRowMiddleBeforelarge;
}
.page-overview .section-tv-app .content-grid .image-river.middle:after {
    -webkit-animation-name: riverRowMiddleAfterlarge;
    animation-name: riverRowMiddleAfterlarge;
}

.page-overview .section-tv-app .content-grid .image-river.bottom:before {
    -webkit-animation-name: riverRowBottomBeforelarge;
    animation-name: riverRowBottomBeforelarge;
}
.page-overview .section-tv-app .content-grid .image-river.bottom:after {
    -webkit-animation-name: riverRowBottomAfterlarge;
    animation-name: riverRowBottomAfterlarge;
}
.page-overview .section-tv-app .content-grid .image-river.top {
    height: 310px;
    margin-left: -500px;
}

.page-overview .section-tv-app .content-grid .image-river.middle {
    height: 376px;
    margin-left: -714px;
}
.page-overview .section-tv-app .content-grid .image-river.bottom {
    height: 310px;
    margin-left: -360px;
}

@-webkit-keyframes riverRowTopBeforelarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowTopBeforelarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowTopAfterlarge {
    0% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }
}

@keyframes riverRowTopAfterlarge {
    0% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }
}

@-webkit-keyframes riverRowTopBeforemedium {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowTopBeforemedium {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowTopAftermedium {
    0% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }
}

@keyframes riverRowTopAftermedium {
    0% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }
}

@-webkit-keyframes riverRowTopBeforesmall {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowTopBeforesmall {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowTopAftersmall {
    0% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }
}

@keyframes riverRowTopAftersmall {
    0% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }
}

@-webkit-keyframes riverRowMiddleBeforelarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowMiddleBeforelarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowMiddleAfterlarge {
    0% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }
}

@keyframes riverRowMiddleAfterlarge {
    0% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }
}

@-webkit-keyframes riverRowMiddleBeforemedium {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowMiddleBeforemedium {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowMiddleAftermedium {
    0% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }
}

@keyframes riverRowMiddleAftermedium {
    0% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }
}

@-webkit-keyframes riverRowMiddleBeforesmall {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowMiddleBeforesmall {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowMiddleAftersmall {
    0% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }
}

@keyframes riverRowMiddleAftersmall {
    0% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }
}

@-webkit-keyframes riverRowBottomBeforelarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowBottomBeforelarge {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowBottomAfterlarge {
    0% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }
}

@keyframes riverRowBottomAfterlarge {
    0% {
        -webkit-transform: translate3d(2845px, 0, 0);
        transform: translate3d(2845px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-2845px, 0, 0);
        transform: translate3d(-2845px, 0, 0)
    }
}

@-webkit-keyframes riverRowBottomBeforemedium {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowBottomBeforemedium {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowBottomAftermedium {
    0% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }
}

@keyframes riverRowBottomAftermedium {
    0% {
        -webkit-transform: translate3d(1935px, 0, 0);
        transform: translate3d(1935px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1935px, 0, 0);
        transform: translate3d(-1935px, 0, 0)
    }
}

@-webkit-keyframes riverRowBottomBeforesmall {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes riverRowBottomBeforesmall {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }

    50.001% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes riverRowBottomAftersmall {
    0% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }
}

@keyframes riverRowBottomAftersmall {
    0% {
        -webkit-transform: translate3d(1420px, 0, 0);
        transform: translate3d(1420px, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-1420px, 0, 0);
        transform: translate3d(-1420px, 0, 0)
    }
}

.r-tabs-accordion-title-static{
	display: none;
}

@media only screen and (max-width: 1280px) {
	.nordic-dream-popup .popup{width: 60%;}	
	.nordic-dream-popup .popup h2 {font-size: 30px;}
}


@media only screen and (min-width: 960px) and (max-width: 1280px) {
	.productsection-hottub .single-price-range .price-range{font-size: 16px; width: 65%;}
}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.productsection-hottub .single-price-range h3 {float: none; line-height: 24px;	margin-bottom: 6px;	}
	.productsection-hottub .single-price-range .price-range{float: none; width: 100%;}
	.productsection-hottub .section-inner-left-hottub{ min-height: 575px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.popup {width: 90%;}
	.popup h2{ font-size: 50px;}
	.popup p{font-size: 24px;}
	.pop-buttons .pop-button{ font-size: 22px; width: 300px;}
	.productsection{ padding: 20px 2% 20px 2%; margin: auto; width: 96%;}
	.productsection .section-inner .box {height: 390px;}
	.productsection .section-inner.box-345 .box{height: 320px}
	.section-inner #inground .box {height: 345px;}
	.productsection-hottub .modal__inner{ padding: 35px 30px 20px; width: 90%;}
	.productsection-hottub .price-cards {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -20px;}
 	.productsection-hottub .price-cards__item {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;width: 50%;padding: 0 20px;margin-bottom: 15px;}
	.productsection-hottub .modal-state:checked + .modal .modal__inner {top: 4%; margin: 0 auto; height: 795px;} 
	.model-overview .box{width: 46%; padding: 20px 2% 20px 2%;}
	a.build-and-price-button.fireplace-button{ font-size: 14px; line-height: 20px; padding-top: 10px; padding-bottom: 10px;}
	a.build-and-price-button.fireplace-button:before {width: 16px;height: 34px;background-size: 100%;top: 20px;left: 10px;}
	a.build-and-price-button.fireplace-button:after {width: 100px;height: 73px;background-size: cover;right: -50px;top: 0px;}
	/*#warning-popup .popup h2{font-size: 49px;}*/
}

@media only screen and (max-width: 1068px){
	.page-overview .section-tv-app .content-grid {padding: 23px 0;}
	.page-overview .section-tv-app .content-grid .image-river.top:before, 
	.page-overview .section-tv-app .content-grid .image-river.top:after {width: 1935px;height: 211px;background-size: 1935px 211px;background-repeat: no-repeat;background-image: url(http://www.aquaquip.com/images/river_top_medium.jpg);}
	.page-overview .section-tv-app .content-grid .image-river.middle:before, 
	.page-overview .section-tv-app .content-grid .image-river.middle:after {width: 1935px;height: 257px;background-size: 1935px 257px;background-repeat: no-repeat;	background-image: url(http://www.aquaquip.com/images/river_middle_medium.jpg);	}
	.page-overview .section-tv-app .content-grid .image-river.bottom:before, 
	.page-overview .section-tv-app .content-grid .image-river.bottom:after {width: 1935px;height: 211px;background-size: 1935px 211px;background-repeat: no-repeat;background-image: url(http://www.aquaquip.com/images/river_bottom_medium.jpg);}
	.page-overview .section-tv-app .content-grid .image-river.top {height: 211px;margin-left: -100px;}
	.page-overview .section-tv-app .content-grid .image-river.top:before {-webkit-animation-name: riverRowTopBeforemedium;animation-name: riverRowTopBeforemedium;	}
	.page-overview .section-tv-app .content-grid .image-river.top:after {-webkit-animation-name: riverRowTopAftermedium;animation-name: riverRowTopAftermedium;}
	.page-overview .section-tv-app .content-grid .image-river.middle {height: 257px;margin-left: -274px;}
	.page-overview .section-tv-app .content-grid .image-river.middle:before {-webkit-animation-name: riverRowMiddleBeforemedium;animation-name: riverRowMiddleBeforemedium;}
	.page-overview .section-tv-app .content-grid .image-river.middle:after {-webkit-animation-name: riverRowMiddleAftermedium;animation-name: riverRowMiddleAftermedium;}
	.page-overview .section-tv-app .content-grid .image-river.bottom {height: 211px;margin-left: 12px;}
	.page-overview .section-tv-app .content-grid .image-river.bottom:before {-webkit-animation-name: riverRowBottomBeforemedium;animation-name: riverRowBottomBeforemedium;}
	.page-overview .section-tv-app .content-grid .image-river.bottom:after {-webkit-animation-name: riverRowBottomAftermedium;animation-name: riverRowBottomAftermedium;}
}

@media only screen and (max-width: 735px){
	.page-overview .section-tv-app .content-grid {padding: 15px 0;}
	.page-overview .section-tv-app .content-grid .image-river.top:before, 
	.page-overview .section-tv-app .content-grid .image-river.top:after {width: 1420px;	height: 155px;background-size: 1420px 155px;background-repeat: no-repeat; background-image: url(http://www.aquaquip.com/images/river_top_small.jpg);	}
	.page-overview .section-tv-app .content-grid .image-river.middle:before, 
	.page-overview .section-tv-app .content-grid .image-river.middle:after {width: 1420px;height: 187px;background-size: 1420px 187px;background-repeat: no-repeat;background-image: url(http://www.aquaquip.com/images/river_middle_small.jpg);}
	.page-overview .section-tv-app .content-grid .image-river.bottom:before, 
	.page-overview .section-tv-app .content-grid .image-river.bottom:after {width: 1420px;height: 155px; background-size: 1420px 155px;	background-repeat: no-repeat;background-image: url(http://www.aquaquip.com/images/river_bottom_small.jpg);}
	.page-overview .section-tv-app .content-grid .image-river.top {height: 155px;}
	.page-overview .section-tv-app .content-grid .image-river.top:before {-webkit-animation-name: riverRowTopBeforesmall;animation-name: riverRowTopBeforesmall;}
	.page-overview .section-tv-app .content-grid .image-river.top:after {-webkit-animation-name: riverRowTopAftersmall;animation-name: riverRowTopAftersmall;}
	.page-overview .section-tv-app .content-grid .image-river.middle {height: 187px;margin-left: -208px;}
	.page-overview .section-tv-app .content-grid .image-river.middle:before {-webkit-animation-name: riverRowMiddleBeforesmall;animation-name: riverRowMiddleBeforesmall;}
	.page-overview .section-tv-app .content-grid .image-river.middle:after {-webkit-animation-name: riverRowMiddleAftersmall;animation-name: riverRowMiddleAftersmall;}
	.page-overview .section-tv-app .content-grid .image-river.bottom {height: 155px;margin-left: -32px;}
	.page-overview .section-tv-app .content-grid .image-river.bottom:before {-webkit-animation-name: riverRowBottomBeforesmall;animation-name: riverRowBottomBeforesmall;}
	.page-overview .section-tv-app .content-grid .image-river.bottom:after {-webkit-animation-name: riverRowBottomAftersmall;animation-name: riverRowBottomAftersmall;}
}

@media only screen and (max-width: 767px){
	#warning-popup .popup{ padding-bottom: 20px;}
	/*#warning-popup .popup h2{ font-size: 35px;}*/
/* 	.content-tabs-primary .r-tabs-accordion-title{display: none;}
	.content-tabs-primary .r-tabs-accordion-title.r-tabs-accordion-title-static{display: block;}
	#tabcontents-price .r-tabs-accordion-title{display: block !important;} */
	.popup {width: 90%;box-sizing: border-box;margin: 20px auto;}
	.popup h2{ font-size: 42px; margin-left: 8px; margin-right: 8px;}
	.popup h3{font-size: 26px;}
	.popup p { margin-top: 0; font-size: 18px; line-height: 28px;}
	.pop-buttons .pop-button{font-size: 20px; width: 100%; box-sizing: border-box; margin: 0 0 10px 0; display: block; text-transform: capitalize; line-height: 50px;}
	.productsection .categorydivisiontop h1{ line-height: 28px; margin-bottom: 10px;}
	.productsection .categorydivision h1{margin-bottom: 10px;line-height: 28px;}
	.categorydivisionleft,
	.categorydivisionright{float: none; width: 100%;text-align: left;}
	.categorydivisionright img{float: none;}
	.section-inner .single-price-range h3 {float: none;margin-bottom: 0px;}
	.section-inner .single-price-range .price-range{ float: none; width: 100%;}
	.productsection-hottub .modal__inner{ padding: 30px 30px 20px;overflow: auto;}
	.productsection-hottub .price-cards__card__inner {padding: 15px 10px 20px;}
	.productsection-hottub .price-cards__item{margin-bottom: 20px;}
	.model-overview .section-inner .box{ height: 367px;}
	.model-overview .box .price-range{font-size: 14px; line-height: 30px;}
	.model-overview .price-range .range{font-size: 20px; line-height: 27px;}
	.model-overview .price-range a{font-size: 13px; line-height: 30px !important;}
	a.build-and-price-button.fireplace-button{ font-size: 14px; line-height: 20px; padding-top: 10px; padding-bottom: 10px;}
	a.build-and-price-button.fireplace-button:before {width: 16px;height: 34px;background-size: 100%;top: 20px;left: 10px;}
	a.build-and-price-button.fireplace-button:after {width: 100px;height: 73px;background-size: cover;right: -50px;top: 0px;}	
	.popup h2{font-size: 30px; line-height: 36px;}
	.nordic-dream-popup .popup {width: 90%;box-sizing: border-box;margin: 20px auto;}
	.nordic-dream-popup .popup h2 {font-size: 24px;}
	.nordic-dream-popup .input-control input[type="text"], 
	.nordic-dream-popup .input-control input[type="email"], 
	.nordic-dream-popup .input-control select {line-height: 40px;}
	.nordic-dream-popup .input-control select {height: 40px;}
	.nordic-dream-popup .secure-contact{ float: left;margin-top: 5px; margin-left: 25px;}
	ul.nordic-dreammaker-buttons li {float: left;width: 100%;margin-right: 0;margin-bottom: 10px;}
}

@media only screen and (max-width: 380px){
	.productsection { padding: 20px 5% 20px 5%; width: 90%;}
	.section-inner .single-price-range .price-range{font-size: 15px;}
	.productsection-hottub .price-cards__signs{ font-size: 28px; line-height: 40px;}
	.productsection-hottub .price-cards__level { font-size: 26px;}
	.popup h2 {font-size: 32px;margin-left: 10px;margin-right: 10px;line-height: 34px;}
	.popup h3 {font-size: 22px;}
	.popup p {margin-top: 0;font-size: 16px;line-height: 24px;}
}

@media only screen and (max-width: 320px){
	/*#warning-popup .popup h2 {font-size: 32px;}*/
	.productsection { padding: 20px 2% 20px 2%; width: 96%;}
	.productsection .price-range{ font-size: 15px;}
	.productsection .price-range .range{font-size: 20px;}
	.productsection .section-inner .box {height: 375px;}
	.productsection.model-overview .section-inner .box {height: 350px;}
	.popup h2 {font-size: 30px;margin-left: 10px;margin-right: 10px;line-height: 32px;}
	.popup p {margin-top: 0;font-size: 14px;line-height: 20px;}
	.pop-buttons {margin-top: 12px;}
	.pop-buttons .pop-button{line-height: 42px; font-size: 18px;}
}