@charset "utf-8";
/* AQUA QUIP HOT TUB PAGESCSS */

/* ===== NEW HOT TUB WHY AQUA QUIP SECTION CSS ===== */

select::-ms-expand {
    display: none;
}
.whyaq-hottub-background-j {
    
}

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

.whyaq-ht1 {
    background:rgba(245,245,245,0.82);
	border-bottom:1px solid #fff;
}
.whyaq-ht2 {
    background:rgba(255,255,255,0.4);
}

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

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

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

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

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

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

@media screen and (min-width: 701px) {
	.section-inner-left-whyaqht {
		float:left;
		width:23%;
		padding:15px 0px 15px 2%;
	}
    
    .section-inner-right-whyaqht {
		float:left;
		width:33%;
		padding:35px 10% 15px 2%;
	}
	
	.section-inner-right-whyaqht-form {
		float:left;
		width:25%;
		padding:16px 2% 10px 2%;
		text-align:left;
	}
		.section-inner-right-whyaqht-form input[type="text"] {
			width:46%;
			float:left;
			margin-bottom:1.0em;
			margin-right:2%;
		}
    
    .section-inner-left-whyaqht2 {
		float:right;
		width:30%;
		padding:15px 0px 15px 5%;
	}
    
    .section-inner-right-whyaqht2 {
		float:right;
		width:54%;
		padding:35px 0px 15px 11%;
	}
    
    .whyaq-hottub-background-j {
        background:url(/images/hottubs/jacuzzi/whyaq/whyaq-bg-01.jpg) top center no-repeat;
		background-size:cover;
    }
	
	.section-inner-left-colors img {
		max-width:50px;
	}
		.section-inner-left-colors img:hover {
			max-width:66px;
			margin-left:-8px;
			margin-top:-8px;
			margin-right:2px;
			margin-bottom:2px;
		}
	
	.section-inner-right-colors img {
		max-width:50px;
	}
		.section-inner-right-colors img:hover {
			max-width:66px;
			margin-left:-8px;
			margin-top:-8px;
			margin-right:2px;
			margin-bottom:2px;
			
		}
	
}

@media screen and (max-width: 700px) {
	.section-inner-left-whyaqht {
		width:100%;
		padding:10px 0 30px 0;
	}
    
    .section-inner-right-whyaqht {
		width:100%;
		padding:10px 0 10px 0;
	}
	
	.section-inner-right-whyaqht-form {
		width:100%;
		padding:10px 0 10px 0;
	}
		.section-inner-right-whyaqht-form input[type="text"] {
			width:96%;
		}
    
    .section-inner-left-whyaqht2 {
		width:100%;
		padding:10px 0 30px 0;
	}
    
    .section-inner-right-whyaqht2 {
		width:100%;
		padding:10px 0 10px 0;
	}
    
    .whyaq-hottub-background-j {
        
    }
	
	.section-inner-left-colors img {
		max-width:35px;
	}
	
	.section-inner-right-colors img {
		max-width:35px;
	}
}

.contact-form-title {
	margin-bottom:10px;
	text-align:center;
	width:100%;
	color:#003d64;
	text-shadow:1px 0px #ccc;
}

.section-inner-right-whyaqht-form {
	border:1px solid #676767;
	border-radius:3px;
}

.section-inner-right-whyaqht-form input[type="text"] {
	height:26px;
	margin-bottom:5px;
	border:1px solid #ccc;
	border-radius:3px;
}

.section-inner-right-whyaqht-form input[type="email"] {
	width:96%;
	height:26px;
	margin-bottom:5px;
	border:1px solid #ccc;
	border-radius:3px;
}

.section-inner-right-whyaqht-form textarea {
	width:95%;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
}



/* ===== END NEW HOT TUB WHY AQUA QUIP SECTION CSS ===== */

.section-shadow {
	position:relative;
	margin:auto;
	width:100%;
	height:auto;
	text-align:center;
	padding:0px;
	z-index:1;
	margin-top:0px;
	margin-bottom:-10px;
	width:100%;
	height:10px;
	background:url(/images/main/shadow.svg) top center no-repeat;
}

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

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



.hottub-features-half img {
	max-width:185px;
	width:20%;
	height:auto;
}


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

	.section-inner-left-colors img {
		position:relative;
		height:auto;
		margin-right:10px;
		margin-bottom:10px;
		border-radius:3px;
		float:left;
	}

.section-inner-right-colors {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
}
	.section-inner-right-colors img {
		position:relative;
		height:auto;
		margin-right:10px;
		margin-bottom:10px;
		border-radius:3px;
		float:left;
	}
	
.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) {
	.section-inner-left-hottub {
		float:left;
		width:48%;
        min-height:556px;
		padding:35px 0px 15px 2%;
	}
    
    .section-inner-right-hottub {
		float:left;
		width:43%;
        min-height:556px;
		padding:25px 2% 25px 5%;
	}
    
    .hottub-imagebg {
		margin-top:-8px;
		background-color:#000;
    }
    
    .dreammaker-imagebg {
		background:url(http://www.aquaquip.com/images/hottubs/dreammaker/aqua-quip-dream-maker-tacoma-hot-tub-store-2-01.jpg) top center no-repeat;
		background-size:full;
		margin-top:-8px;
    }
	
	.section-inner-left-dm {
		float:left;
		width:48%;
        min-height:506px;
		padding:35px 0px 15px 2%;
	}
    
    .section-inner-right-dm {
		float:left;
		width:43%;
        min-height:506px;
		padding:25px 2% 25px 5%;
	}
    
    .dm-imagebg {
		margin-top:-8px;
		background-color:#000;
    }
	
	.productsection-hottub {
        background:url(/images/main/seattle-hottub-jacuzzi-background-01.jpg) top center no-repeat;
        background-size:cover;
		margin-top:-21px;
	}
	
	.din-hottub {
		background:#fff;
	}
	
	.dsection-inner-left-hottub {
		float:left;
		padding:10px 3% 30px 3%;
		width:54.6663%;
	}
	
	.din-dm {
		background:#fff;
	}
	
	.dsection-inner-left-dm {
		float:left;
		padding:10px 3% 30px 3%;
		width:54.6663%;
	}
	
	.hottub-features-half {
		position:relative;
		width:45%;
		float:left;
		padding:0 5% 0 0;
		text-align:left;
	}
	
	.section-inner-left-colors {
		float:left;
		width:auto;
		padding:10px 0px 10px 0px;
	}
		.section-inner-left-colors p3 {
			color:#FFF;
		}
	
	.section-inner-right-colors {
		float:left;
		width:auto;
		padding:10px 0px 10px 5%;
	}
		.section-inner-right-colors p3 {
			color:#FFF;
		}
		
	.onefourth {
		width:21%;
		float:left;
	}
}

@media screen and (max-width: 700px) {
	.section-inner-left-hottub {
		width:95%;
		padding:10px 0 10px 0;
	}
    
    .section-inner-right-hottub {
		width:100%;
		padding:10px 0 10px 0;
	}
	
	.hottub-imagebg {
		background-color:#fff;
    }
	
	.section-inner-left-dm {
		width:95%;
		padding:10px 0 10px 0;
	}
    
    .section-inner-right-dm {
		width:100%;
		padding:10px 0 10px 0;
	}
	
	.dreammaker-imagebg {
		background-color:#fff;
    }
	
	.productsection-hottub {
		
	}
	
	.din-hottub {
		background:#e5e5e5;
	}
	
	.dsection-inner-left-hottub {
		padding:10px 0px 20px 0px;
		width:100%;
	}
	
	.din-dm {
		background:#e5e5e5;
	}
	
	.dsection-inner-left-dm {
		padding:10px 0px 20px 0px;
		width:100%;
	}
	
	.hottub-features-half {
		position:relative;
		width:100%;
		padding:20xp 0px 10px 0px;
		text-align:left;
	}
	
	.section-inner-left-colors {
		width:100%;
		padding:10px 0px 10px 0px;
	}

	.section-inner-right-colors {
		width:100%;
		padding:10px 0px 10px 0px;
	}
	
	.section-shadow {
		display:none;
	}
	
	.onefourth {
		width:100%;
	}
	
}

.section-inner-left-hottub {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
    background:rgba(255,255,255,1.0);
}

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

.section-inner-right-hottub {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
    background:rgba(255,255,255,0.85);
}
	.section-inner-right-hottub h5 {
		color:#343434;
	}

.section-inner-left-hottub-thumbnails {
	position:relative;
	margin:auto;
	float:left;
	width:100%;
	height:auto;
	text-align:left;
}
	.section-inner-left-hottub-thumbnails img {
		position:relative;
		max-width:60px;
		height:auto;
		margin-right:10px;
		margin-top:10px;
	}
	
.dsection-hottub-colors {
	position:relative;
	padding: 10px 10% 10px 10%;
	margin:auto;
	margin-top:-30px;
	max-width:80%;
	text-align:center;
	min-height:auto;
}

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

.din-hottub {
	position:relative;
	margin:auto;
	max-width:1100px;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
	border-style:solid;
    border-width:1px;
    border-color:#fff;
    -moz-box-shadow:    inset 0 0 12px #f0f0f0;
    -webkit-box-shadow: inset 0 0 12px #f0f0f0;
    box-shadow:         inset 0 0 12px #f0f0f0;
}

.din-hottub-colors {
	position:relative;
	margin:auto;
	max-width:1100px;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
}

.dexpand-hottub {
	position:relative;
	margin:auto;
	padding:10px 3% 10px 3%;
	width:94%;
	height:auto;
	text-align:left;
}
















/* DREAM MAKER DREAM MAKER DREAM MAKER */

.section-inner-left-dm {
	position:relative;
	margin:auto;
	height:auto;
	text-align:center;
    background:rgba(255,255,255,1.0);
}

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

.section-inner-right-dm {
	position:relative;
	margin:auto;
	height:auto;
	text-align:left;
    background:rgba(255,255,255,0.85);
}
	.section-inner-right-dm h5 {
		color:#343434;
	}

.section-inner-left-dm-thumbnails {
	position:relative;
	margin:auto;
	float:left;
	width:100%;
	height:auto;
	text-align:left;
}
	.section-inner-left-dm-thumbnails img {
		position:relative;
		max-width:60px;
		height:auto;
		margin-right:10px;
		margin-top:10px;
	}
	
.dsection-dm-colors {
	position:relative;
	padding: 10px 10% 10px 10%;
	margin:auto;
	margin-top:-30px;
	max-width:80%;
	text-align:center;
	min-height:auto;
}

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

.din-dm {
	position:relative;
	margin:auto;
	max-width:1100px;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
	border-style:solid;
    border-width:1px;
    border-color:#fff;
    -moz-box-shadow:    inset 0 0 12px #f0f0f0;
    -webkit-box-shadow: inset 0 0 12px #f0f0f0;
    box-shadow:         inset 0 0 12px #f0f0f0;
}

.din-dm-colors {
	position:relative;
	margin:auto;
	max-width:1100px;
	text-align:center;
	min-height:auto;
	text-decoration:none;
	color:#323232;
}

.dexpand-dm {
	position:relative;
	margin:auto;
	padding:10px 3% 10px 3%;
	width:94%;
	height:auto;
	text-align:left;
}

/* DREAM MAKER DREAM MAKER DREAM MAKER */

















.dbutton {
		position:relative;
		height:auto;
		text-align:center;
		width:auto;
		max-width:180px;
		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;
	}
	
.dsection-inner-text img {
	height:100%;
	width:auto;
}

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

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