/* All Pools and Spas

Updated: 4-25-16

By: Atalanta Web Design 

*/

body { color: white; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-image: url("images/bkgnd_teal.jpg");
background-repeat: repeat-y;
background-color: #D6ECEA }

.clr10{height: 10px; width: 90%; clear: both;}
.clr25{height: 25px; width: 90%; clear: both;}
.clr100{height: 100px; width: 215px; clear: both;}
.clrM{height: 5px; width: 740px; clear: both;}

td.navbutton  { width: 168px; height: 36px; font: bold 13px Tahoma, Arial, Helvetica; color: #000043; 
	background: url(images/button_t.gif) no-repeat 0 0; text-align: center; padding: 2px 0 10px 0;}
.navbutton a { 	color: #000; 	text-decoration: none;}
.navbutton a:hover { color: #ff0; text-decoration: none; }
.allpools .maintab  { background: url(images/header_water_new.jpg) no-repeat }
.contentarea { padding: 5px 15px }
.hlight1 { color: #6cf; font-weight: bold }
.navcol { padding-left: 15px }
a { color: white; text-decoration: none }
a:hover { color: #fff; text-decoration: underline }
p { font-size: 15px; font-family: sans-serif, Helvetica, Arial, "Gill Sans MT" }
li { font-size: 14px; font-family: Arial }
h1 { font-weight: bold; font-size: 18px; font-family: Verdana, Tahoma, "Tahoma Bold" }
h2 { color: #505050; font-weight: bold; font-size: 16px }
h3 { color: #505050; font-weight: bold; font-size: 18px; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva }
b { color: #ff7260; font-weight: bold }
h3 b { font-size: 20px; }
#wrapper { width: 830px; position: relative; }
#tollfree { position: absolute; top: 5px; right: 0; font-weight: bold; font-size: 24px; color: #ff0; }
#topnav { text-align: center; }
#topnav a { text-decoration: underline; }
#topnav a:hover { text-decoration: none; }
.formbox {
	margin: 15px 0 0 0;
	width: 145px;
	padding: 10px;
	background-color: #9bd7d5;
	border: 2px solid #505050;
	border-bottom-color: #129793;
	border-left-color: #129793;
}
.formbox h3 { margin: 0 0 6px 0; color: #fff; }
.formbox form { margin: 0; }
.formbox .textbox { padding: 3px; width: 139px; border: 1px solid #002b4d; background-color: #fff; font: 13px Verdana, Geneva, sans-serif; }
.formbox .textbox.errorField { border: 1px solid #ff0000;background-color: #ebd8d8; }
.formbox label { padding: 5px 0 3px 0; display: block; font-size: 14px;}
.formbox .button {
	width: 70px;
	padding: 3px;
	margin: 5px 0 0 69px;
	border: 1px solid #004173;
	background-color: #004e8a;
	color: #fff;
	font: 13px Verdana, Geneva, sans-serif;
	cursor: pointer;
}
table.localnumbers td { font-weight: bold; }
#map { width: 575px; height: 350px;}
.navcol table { position: relative; top: -160px; }
.footertext  {color: white;
font-size: 11px;
font-family: Verdana, Arial;
text-decoration: none;
clear: both;
padding: 10px 0 0 39px;
width: 336px }

#cse-search-results iframe { width: 415px !important; }

.mheader {
	background-color: #cccccc;
	font-size: 19px;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	border-width: 2px;
	padding: 3px;
	border-color: #00458a;
	border-style: solid;
	color: #00458a;
}

   /* Begin Navigation Bar Styling */
   #nav {
      width: 750px;
      float: right;
      margin-top: -40px;
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #129793;
      border-right: 1px solid #ccc; }
   #nav li a:hover {
      color: #ff7260;
      background-color: #fff; }
   /* End navigation bar styling. */

/* All Pools and Spas

Updated: 4-12-23

By: Atalanta Web Design 
Added google review button css here
*/

.parent { align-items: left; width: 85%; }

.parent button { margin-left: 20px; background-color: #129793; color: white; border: none; padding: 5px;
height: 130px; width: 130px; font-size: 1.2em; box-shadow: 0 2px 4px darkslategray; cursor: pointer; transition: all 0.2s ease; }

.parent button:active { background-color: #129793; box-shadow: 0 0 2px darkslategray; transform: translateY(2px); }

.parent button:not(:first-child) { margin-top: 10px; }

.parent hr { width: 100%; }
.round-6 { border-radius: 60%; }