/*

Theme Name: H2O Spas
Description: The main Theme for the H2O Spa's website
Author: Joseph McMurray
Version: 1.1

 */

@import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700);

/* COMMON STYLES */
html, body {
	color: #6b6c70;
	font-family: Verdana, Arial, serif;
	font-size: 13px;
}
ul { margin: 0; padding: 0; list-style: none;}
a { text-decoration: none; color: #808185;}
a:hover { color: #00adef;}

.inline { display: inline; }
.left { float: left; }
.right { float: right;
color: #00AEEF; }
.rightimage { float: right;
margin-top: 15px;
margin-left: 15px;}
.clear { clear: both; }
.center { text-align: center; }

.button {
	border-radius: 8px;
	background: #00aeef;
	height: 20px;
	padding: 3px 8px;
	line-height: 14px;
	font-size: 12px;
	text-decoration: none;
	border: none;
	color: #84d5f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button:hover {
	background: #0099e0;
	color: #84d5f7;
}

.button_store {
	border-radius: 8px;
	background: #c9ef52;
	height: 20px;
	padding: 3px 8px;
	line-height: 14px;
	font-size: 12px;
	text-decoration: none;
	border: none;
	color: #00aeef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button_store:hover {
	background: #0099e0;
	color: #84d5f7;
}

.button2 {
	border-radius: 8px;
	background: #00adef;
	height: 30px;
	line-height: 32px;
	color: white;
	width: 200px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-family: 'Cinzel Decorative', Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
}
.button2:hover {
	color: black;
}
#main-menu a { color: white; }
#main-menu a:hover { color: #000000;}

.heading {
	text-align: center;
	color: #02aef0;
	font-weight: bold;
}

.heading2 {
	color: #02aef0;
	font-weight: bold;
}
.form input[type="text"] {
	border: none;
	padding: 0 8px;
	line-height: 20px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}
/* END COMMON STYLES */

/* HEADING STYLES */
#header {
	min-height: 100px;
	padding: 18px 0 4px 0;
	background: #82d5f7;
}
#header-container {
	width: 1000px;
	margin: 0 auto;
}
#logo {
	padding: 0;
	float: left;
	background: url('assets/images/logo.png') top left no-repeat;
	text-indent: -9999px;
	width: 168px;
	height: 60px;
	margin: 0;
}
#logo-link {
	width: 168px;
	height: 60px;
	display: block;
}
#top-menu {
	float: right;
}
#main-menu {
	margin-top: 20px;
        text-transform:uppercase;
}
#main-menu li {
	display: inline-block;
	margin: 0 7px;
        font-size: 12px;
}
#main-menu .menu-item {
	font-weight: normal;
}
/* END HEADING STYLES */

/* ROTATOR */
#rotator-container {
	background: url('assets/images/rotator-bg.png') center top no-repeat;
	min-height: 427px;
	margin-bottom: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.rotator {
	width: 980px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.rotator p {margin: 0;}
	/* BANNER SLIDER */

.allinone_bannerRotator_text_line {
	font-size:16px;
		color: white;
		text-shadow: 2px 2px 4px #000;
	}
	
	.allinone_bannerRotator_text_line p {
	font-size:12px;
		color: white;
		width:350px;
	}
	
	.allinone_bannerRotator_text_line h2 {
	font-size:24px;
		color: white;
		width:500px;
	}
	
	.allinone_bannerRotator_text_line h3 {
	    font-size:16px;
		color: #02AEF0;
		width:400px;
		font-weight:normal;
	}
	
/* END ROTATOR */

/* Main Page Content */
.tagline, .headline {
	padding: 22px 0;
	width: 980px;
	margin: 0 auto;
	text-align: center;
	color: #58585a;
	font-weight: normal;
        letter-spacing: 3px;
	font-family: 'Cinzel Decorative', Georgia, Times, "Times New Roman", serif;
}
h1.headline {
	font-size: 1.5em;
    margin: 0.83em 0;
	margin: 0 auto;
	color: #58585a;
	font-weight: normal;
	font-family: 'Cinzel Decorative', Georgia, Times, "Times New Roman", serif;
	text-align: left;
	padding: 22px 20px 22px 0px;
	width: 940px;
	
}
.tagline-container {
	background: #f3f3f5;
	margin: 20px 0;
}

.headline {
	text-align: left;
	padding: 22px 20px 22px 0px;
	width: 940px;
}
.headline-container {
	background: #f3f3f5;
}
.features-container {
	width: 980px;
	margin: 0 auto;
}

.features {
	padding: 0 50px;
}
.features section {
	width: 233px;
	margin: 0px 30px 30px 30px;
}
.content {
	width: 730px;
}
.content-container {
	width: 980px;
	margin: 0 auto;
	
}

.break {
width:100%;
height:1px;
border-bottom:dotted #DCDCDC 1px;
padding-top: 20px;
	clear:both;
}

.break_two {
width:100%;
height:1px;
border-bottom:dotted #DCDCDC 1px;
	clear:both;
}

.interior {
padding-top: 15px;
margin-left: 30px;
margin-right: 30px;
padding-bottom: 10px;
}

#spatable {
}

#spatable td {
    border-top: 1px solid #DCDCDC;
}
#spatable td {
    border-bottom: 1px solid #DCDCDC;
    line-height: 1.5em;
    padding: 10px 10px;
    text-align: left;
    vertical-align: top;
}
.callout {
	border-radius: 8px;
	background: #E7E8EA;
	color: #6B6C70;
	text-align: left;
	text-decoration: none;
        padding: 25px 50px 25px 40px;
        margin-top: 10px;
        margin-bottom: 40px;
}

.callout p{
width: 450px;
margin: 0;
}


.callout a{
 color:#6B6C70;
}

.callout a:hover{
color: #02AEF0;
}

.download {
	border-radius: 8px;
	border: 2px solid #E7E8EA;
	color: #6B6C70;
	text-align: left;
	text-decoration: none;
        padding: 25px 50px 25px 40px;
        margin-top: 10px;
        margin-bottom: 20px;
clear:both;
}

.download p{
width: 450px;
margin: 0;
}

.download_dealer {
	border-radius: 8px;
	border: 2px solid #E7E8EA;
	color: #6B6C70;
	text-align: left;
	text-decoration: none;
        padding: 25px 25px 25px 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        clear:both;
width:80%;
}

.download_dealer p{
padding: 7px 0px 7px 0px;
margin: 0;
}


/* END MAIN PAGE CONTENT */

/* SIDEBAR */
#sidebar {
	width: 210px;
	padding-left: 40px;
	
}
#sidebar .menu {
	color: #6b6c70;
	font-size: 12px;
}
#sidebar a {
	display: block;
	padding: 6px 0;
	border-bottom: 1px dotted #dcdcdc;
	text-transform:uppercase;
	font-size: 11px;
        color:#808185;
}

#sidebar a:hover {
color: #02AEF0;
}
.menu-item {
	font-weight: bold;
}
.sub-menu .menu-item{
	font-weight: normal;
}
.sub-menu {
	margin-bottom: 15px;
}
/* END SIDEBAR */

/* FOOTER */
.footer-container {
	background: #e7e8ea;
}

footer {
	margin: 0 auto;
	width: 980px;
	padding: 30px 0;

}
footer a {
	color: #6B6C70;
	text-decoration: none;
	text-transform:uppercase;
}

footer li {
	margin: 4px 0;
}

.column {
	width: 196px;
	float: left;
	font-size: 11px;
}

.column h5 {
	margin: 4px 0;
	font-size: 11px;
}
#copyright {
	margin: 60px 0 20px 0;
	font-size: 11px;
	line-height: 37px;
	height: 37px;
	background: url('assets/images/logo-mini.png') top left no-repeat;
	padding-left: 55px;

}
/* END FOOTER */

/* Thumbnail List */

.parts {
  margin: 20px;
}
 
.parts ul {
  list-style-type: none;
  width: 100%;
}
 
.parts h3 {

}
 
.parts li img {
  float: left;
  margin: 0 15px 0 0;
}
 
.parts li p {

}
 
.parts li {
  padding: 10px;
  overflow: auto;
  border-bottom:1px dotted #DCDCDC;
}
 
.parts li:hover {
  background: #eee;
  cursor: pointer;
}

/* Hover Image */

.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
	background-color: #E7E8EA;
	-webkit-transform: translateX(-335px);
	-moz-transform: translateX(-335px);
	-o-transform: translateX(-335px);
	-ms-transform: translateX(-335px);
	transform: translateX(-335px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
	color: #FFFFFF;
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #6B6C70;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
	-webkit-transform: translateX(335px);
	-moz-transform: translateX(335px);
	-o-transform: translateX(335px);
	-ms-transform: translateX(335px);
	transform: translateX(335px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view {
	width: 335px;
	height: 335px;
	margin: 0px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.view .mask,.view .content {
	width: 335px;
	height: 335px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #6B6C70;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   margin: 20px 0 0 0;
}
.view p {
	position: relative;
	color: #6B6C70;
	padding: 10px 40px 20px;
	text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.tub{
	position:relative;
}

.clr{
	clear: both;
}
.tubmain{
	position:relative;
	width:730px;
	margin: 0 auto;
}

.jetzone {
    cursor: default;
    float: left;
    height: 335px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 335px;
}

/* Newsletter Sign Up */


#af-form-2118883486 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-2118883486 .af-body .privacyPolicy{

}
#af-form-2118883486 .af-body a{
	color:#00AEEF;
	text-decoration:underline;
	font-style:normal;
	font-weight:normal;
}
#af-form-2118883486 .af-body input.text, #af-form-2118883486 .af-body textarea{
	background-color:#FFFFFF;
	border-color:#919191;
	border-width:1px;
	border-style:solid;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
#af-form-2118883486 .af-body input.text:focus, #af-form-2118883486 .af-body textarea:focus{
	background-color:#CCC;
	border-color:#666;
	border-width:1px;
	border-style:solid;
}
#af-form-2118883486 .af-body label.previewLabel{
	display:block;
	float:none;
	text-align:left;
	width:auto;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
#af-form-2118883486 .af-body{
	padding-bottom:15px;
	padding-top:15px;
	background-repeat:no-repeat;
	background-position:inherit;
	background-image:none;
}
#af-form-2118883486 .af-footer{
	padding-right:0px;
	padding-left:0px;
}
#af-form-2118883486 .af-header{
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;

}
#af-form-2118883486 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-2118883486 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-2118883486 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-2118883486 .bodyText p{margin:1em 0;}
#af-form-2118883486 .buttonContainer input.submit{
	background-color:#00AEEF;
	border:1px solid #00AEEF;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
color:#FFFFFF;
}
#af-form-2118883486 .buttonContainer input.submit{width:auto;}
#af-form-2118883486 .buttonContainer{text-align:right;}
#af-form-2118883486 body,#af-form-2118883486 dl,#af-form-2118883486 dt,#af-form-2118883486 dd,#af-form-2118883486 h1,#af-form-2118883486 h2,#af-form-2118883486 h3,#af-form-2118883486 h4,#af-form-2118883486 h5,#af-form-2118883486 h6,#af-form-2118883486 pre,#af-form-2118883486 code,#af-form-2118883486 fieldset,#af-form-2118883486 legend,#af-form-2118883486 blockquote,#af-form-2118883486 th,#af-form-2118883486 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-2118883486 button,#af-form-2118883486 input,#af-form-2118883486 submit,#af-form-2118883486 textarea,#af-form-2118883486 select,#af-form-2118883486 label,#af-form-2118883486 optgroup,#af-form-2118883486 option{float:none;position:static;margin:0;}
#af-form-2118883486 div{margin:0;}
#af-form-2118883486 fieldset{border:0;}
#af-form-2118883486 form,#af-form-2118883486 textarea,.af-form-wrapper,.af-form-close-button,#af-form-2118883486 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-2118883486 input,#af-form-2118883486 button,#af-form-2118883486 textarea,#af-form-2118883486 select{font-size:100%;}
#af-form-2118883486 p{color:inherit;}
#af-form-2118883486 select,#af-form-2118883486 label,#af-form-2118883486 optgroup,#af-form-2118883486 option{padding:0;}
#af-form-2118883486 table{border-collapse:collapse;border-spacing:0;}
#af-form-2118883486 ul,#af-form-2118883486 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-2118883486,#af-form-2118883486 .quirksMode{}
#af-form-2118883486.af-quirksMode{overflow-x:hidden;}
#af-form-2118883486{
}
#af-form-2118883486{display:block;}
#af-form-2118883486{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header,.af-footer{margin-bottom:0;margin-top:0;padding:0px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
h1.assistive-text {font-size: 1.17em;margin: 1em 0;}

#main-menu .sub-menu li {
    	display: block;
	padding: 10px 0;
	position: relative;
	width: 135px;
	right: 5px;
	height: 31px;
}
#menu-main-navigation li:hover > .sub-menu {
    display: block;
}
.sub-menu {
    float: left;
    display: none;
    position: absolute;
    z-index: 5;
    background: #82D5F7;
    top: 122px;
}