@charset "utf-8";
/* CSS Document */
select::-ms-expand {
    display: none;
}
body {
  padding: 0px;
  margin: auto;
}

.bgmain a,
.bgmain a:link,
.bgmain a:active {
  text-decoration: none;
  color: inherit;
}

.bgmain h1 {
  color: #fff;
  font-size: 34px;
}

.bgmain p {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.bgdetails h3 {
  color: #000;
  font-size: 30px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.bgdetails p2 {
  color: #003d64;
  font-weight: normal;
  font-size: 18px;
}

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

.bghottub {
  background: url(http://www.aquaquip.com/images/buyingguide-hottub.jpg) bottom center fixed no-repeat;
  background-size: cover;
}

.bgbbq {
  background: url(http://www.aquaquip.com/images/buyingguide-bbq.jpg) center center fixed no-repeat;
  background-size: cover;
}

.bgpool {
  background: url(http://www.aquaquip.com/images/buyingguide-pool.jpg) top center fixed no-repeat;
  background-size: cover;
}

.bgfireplace {
  background: url(http://www.aquaquip.com/images/buyingguide-fireplace.jpg) center center fixed no-repeat;
  background-size: cover;
}

.bghome {
  background: url(http://www.aquaquip.com/images/buyingguide-home.jpg) center center fixed no-repeat;
  background-size: cover;
}

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

.bgmainleft p {
  text-align: left;
}

.bgmainleft img {
  position: relative;
  margin: auto;
  max-width: 250px;
  height: auto;
  margin-bottom: 20px;
  float: center;
}

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

.bgdetails {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  background: #f3f3f3;
  text-align: center;
}

.bginner {
  position: relative;
  margin: auto;
  width: 90%;
  height: auto;
  max-width: 1200px;
  padding: 50px 5% 50px 5%;
}

.bginnerhome {
  position: relative;
  margin: auto;
  width: 90%;
  height: auto;
  max-width: 1200px;
}

.bginnerhome h2 {
	position:relative;
	margin:auto;
	height:auto;
	color:#CADFE4;
	line-height:1.5em;
	text-align:left;
}

.bgthird {
  position: relative;
  margin: auto;
  float: left;
  height: auto;
  padding: 10px 2%;
  text-align: center;
}
.bgthird p2 {
  text-align:left;
}

.bgthird img {
  position:relative;
  margin:auto;
  float:center;
  width: 100%;
  height: auto;
  max-width: 80px;
  margin-bottom:10px;
}

.bgfourth {
  position: relative;
  margin: auto;
  float: left;
  height: auto;
  padding: 5px 2%;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}

.bgfourthinner {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  text-align: center;
  background: rgba(255,255,255,1);
  color: #003d64;
  padding: 30px 0px;
  border-bottom: 3px solid #002343;
}

.bgfourthinner:hover {
  background: rgba(245,245,245,0.92);
  border-bottom: 0px;
  margin-top: 3px;
}

.bgfourthinner img {
  width:100%;
  height:auto;
  max-width:100px;
}



@media screen and (min-width: 901px) {
  .bgmainleft {
    width: 40%;
    height: auto;
    padding: 10px 5% 10px 5%;
  }
  .bgmainleft img {
    width: 100%;
  }
  .bgmainright {
    width: 40%;
    height: auto;
    padding: 10px 5% 10px 5%;
  }
  .bgthird {
    width: 29.2%;
  }
  .bgfourth {
    width: 21%;
  }
  .bginnerhome {
    padding: 120px 5% 100px 5%;
  }
  .bginnerhome h2 {
	width:80%;
	padding:20px 10%;
  }
}

@media screen and (max-width: 901px) {
  .bgmainleft {
    width: 90%;
    height: auto;
    padding: 10px 5% 10px 5%;
  }
  .bgmainleft img {
    width: 50%;
	margin-bottom:-20px;
  }
  .bgmainleft p {
	  display:none;
  }
  .bgmainright {
    width: 90%;
    height: auto;
    padding: 10px 5% 10px 5%;
  }
  .bgthird {
    width: 96%;
    margin-bottom: 20px;
  }
  .bgfourth {
    width: 46%;
    margin-bottom: 10px;
  }
  .bginnerhome {
    padding: 60px 5% 80px 5%;
  }
  .bginnerhome h2 {
	width:90%;
	padding:20px 5%;
  }
}


/* FORM CSS */

.bgAskAQForm {
  padding: 20px;
  color: #003d64;
  text-align: center;
}

.bgAskAQForm select {
  position: relative;
  margin: auto;
  padding: 12px 2% 12px 2%;
  width: 100%;
  height: auto;
  background: rgba(70, 70, 70, 0.65);
  color: #fff;
  border: none;
}

.bgAskAQForm input[type=submit] {
  position: relative;
  margin: auto;
  padding: 16px 0px 16px 0px;
  width: 100%;
  height: auto;
  background: #fff;
  color: #003d64;
  font-weight: bold;
  border: none;
  border-bottom: 3px solid #002343;
  margin-top: 8px;
  cursor:pointer;
}

.bgAskAQForm input[type=text] {
  position: relative;
  margin: auto;
  padding: 12px 2% 12px 2%;
  height: auto;
  background: rgba(70, 70, 70, 0.65);
  color: #fff;
  border: none;
  width: 96%;
  margin-bottom: 10px;
}

.bgAskAQForm textarea {
  position: relative;
  margin: auto;
  padding: 12px 2% 12px 2%;
  width: 96%;
  height: auto;
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  border: none;
}


/* RESPONSIVE MAGIC */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}