/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
position:relative;
}
* {
outline:none;
_noFocusLine: expression(this.hideFocus=true);
}
a:focus, *:focus {
noFocusLine: expression(this.onFocus=this.blur());
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700,900);
* {
font-family:"Source Sans Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #444;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin-bottom:8px;
}
h1 {
font-size:2.5em;
line-height:1em;
letter-spacing:-0.05em;
}
h2 {
font-size:2.125em;
}
p {
margin:0 0 1em;
}
figure {
position: relative;
width: 980px;
height:435px;
margin: 90px auto 0px;
text-align: left;
}
#left-investors {
margin: 0 auto 0;
height:0px;
}
html.no-hashchange figure {
top:90px;
left:0;
margin:0 auto 100px;
}
figcaption {
position: absolute;
top:80px;
left:150px;
width:300px;
}
html.no-hashchange figcaption {
width:330px;
}
figcaption h1 {
font-size:3.25em;
line-height:1em;
color:#444;
position:relative;
margin:0.57em 0;
}
figcaption h2 {
font-size:2.25em;
line-height:1em;
color:#444;
}
figcaption h3 {
font-weight: bold;
}
figcaption p {
font-size: 1em;
}
main {
width: 830px;
margin: 0px auto 25px;
padding-left:150px;
text-align: left;
}
div.separater {
clear:both;
width:830px;
height:50px;
background:url(../images/brandsite/layout_divider-hz-short.png) center 38px no-repeat;
}
div.anchor {
position:relative;
top:0px;
left:0px;
}
div.anchor a {
position:absolute;
top:-75px;
left:0px;
}
a.blueround {
background:#70bee8;
border-radius:25px;
padding:5px 15px;
font-size:1em;
font-weight:600;
text-decoration:none;
line-height:50px;
color:#fff;
}
a.blueround:hover {
background:#58b4e5;
}
a.popupbtn {
display:block;
position:relative;
top:33px;
left:333px;
background:#23d432;
border-radius:5px;
padding:0px 5px 0 10px;
font-size:1.4em;
width:97px;
height:25px;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
color:#fff;
-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:0px 2px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
line-height:25x;
}
a.popupbtn:hover {
background:#22c130;
}
/* --------------------------------------------------------------------------
Left side navigation
-------------------------------------------------------------------------- */
.ooorder-now {
position:absolute;
top:80px;
right:52px;
}
.ooorder-now a {
display:block;
margin:0;
width: 105px;
height: 26px;
background:#23d432;
border-radius:5px;
font-size:1.2em;
font-weight:normal;
padding:0px 5px 0 10px;
text-decoration:none;
text-transform:uppercase;
color:#fff;
-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:0px 2px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
line-height:25x;
}
.order-now a:hover {
background:#22c130;
}
.water-phone {
position:absolute;
top:-10px;
left:0;
background:#fff;
border-radius:5px;
padding:2px 5px;
z-index:100;
}
.water-phone a {
text-decoration:none;
display: block;
}
#page-services_filtration .water-phone p, .water-phone p {
width:100%;
padding:0;
margin:0;
color:#000;
}
aside {
display:none;
position:fixed;
top:160px;
width:110px;
padding:10px;
border:3px solid #f9f9f9;
border-radius:3px;
z-index:80;
background:#f9f9f9;
box-shadow:0px 3px 3px rgba(0,0,0,0.25);
}
aside p {
color:#fff;
background:#78BBf1;
padding:5px;
text-align:center;
border-radius:4px;
font-size:0.8em;
font-weight:600;
margin:10px 0 0;
}
aside a {
text-decoration:none;
font-weight:600;
font-size:0.8em;
color:#78BBf1;
display: inline-block;
line-height: 1em;
margin: 5px 0 0;
}
aside a:hover {
color:#00498f;
}
aside ul {
display:none;
list-style:none;
margin:0;
padding:0;
}
aside ul li {
display:block;
width:100px;
padding:3px 0;
outline: none!important;
border: 0;
}
aside ul li:focus, aside ul li:active {
outline: 0;
border: 0;
}
aside ul a {
display:block;
width:100%;
padding: 0 15px;
margin:0 0 0 -10px;
text-decoration:none;
font-size:0.7em;
font-weight:600;
color:#999;
}
aside ul a:hover {
background:#eee;
color:#777;
}
.leftnav-selected, leftnav-selected:hover {
background:#ddd;
color:#444;
}
/***displays links under page headers in lefthand nav***/
#page-services_delivery #leftnav-services, #page-services_delivery aside #leftnav-delivery,
#page-services_products #leftnav-services, #page-services_products aside #leftnav-products,
#page-quality #leftnav-services,
#page-services_equipment #leftnav-services,
#page-services_aboutjake #leftnav-services,
#page-services_filtration #leftnav-services, #page-services_filtration aside #leftnav-filtration,
#page-services_coffee #leftnav-services, #page-services_coffee aside #leftnav-coffee,
#page-about_about #leftnav-about, #page-about_about aside #leftnav-aboutus,
#page-about_social #leftnav-about, #page-about_social aside #leftnav-social,
#page-about_environment #leftnav-about, #page-about_environment #leftnav-environment,
#page-about_community #leftnav-about, #page-about_community aside #leftnav-community,
#page-about_locations #leftnav-about, #page-about_locations aside #leftnav-locations,
#page-about_careers #leftnav-about, #page-about_careers aside #leftnav-careers,
#page-about_emergency #leftnav-about, #page-about_emergency aside #leftnav-emergency,
#page-investors #leftnav-about,
#page-contactus #leftnav-contact, #page-contactus aside #leftnav-contactus,
#page-support #leftnav-support,
#page-support_delivery #leftnav-support,
#page-support_equipment #leftnav-support,
#page-support_managing #leftnav-support,
#page-support_changing #leftnav-support,
#page-support_qanda #leftnav-support {
display:block;
}
/***makes headers the rollover color in lefthand nav***/
#page-services_delivery a#ln-serdel,
#page-services_products a#ln-serpro,
#page-services_equipment a#ln-serequ,
#page-services_aboutjake a#ln-serabo,
#page-services_filtration a#ln-serfil,
#page-services_coffee a#ln-sercof,
#page-about_about a#ln-aboabo,
#page-about_social a#ln-abosoc,
#page-about_environment a#ln-aboenv,
#page-about_community a#ln-abocom,
#page-about_locations a#ln-aboloc,
#page-about_careers a#ln-abocar,
#page-about_emergency a#ln-aboeme,
#page-investors a#ln-aboinv,
#page-contactus a#ln-concon,
#page-support a#ln-supsup,
#page-support_delivery a#ln-supdel,
#page-support_equipment a#ln-supequ,
#page-support_managing a#ln-supman,
#page-support_changing a#ln-supcha,
#page-support_qanda a#ln-supqan {
color:#00498f;
}
/* --------------------------------------------------------------------------
individualized top banners per page
-------------------------------------------------------------------------- */
/*
.alhambrawater #page-index { background:url(../images/brandsite/branded/alhambrawater/index_top-banner.jpg) center top no-repeat; }
.belmontsprings #page-index { background:url(../images/brandsite/branded/belmontsprings/index_top-banner.jpg) center top no-repeat; }
.crystal-springs #page-index { background:url(../images/brandsite/branded/crystal-springs/index_top-banner.jpg) center top no-repeat; }
.crystal-springs-dummy #page-index { background:url(../images/brandsite/branded/crystal-springs-dummy/index_top-banner.jpg) center top no-repeat; }
.crystalwater #page-index { background:url(../images/brandsite/branded/crystal-springs-dummy/index_top-banner.jpg) center top no-repeat; }
.deeprockwater #page-index { background:url(../images/brandsite/branded/deeprockwater/index_top-banner.jpg) center top no-repeat; }
.hinckleysprings #page-index { background:url(../images/brandsite/branded/hinckleysprings/index_top-banner.jpg) center top no-repeat; }
.kentwoodsprings #page-index { background:url(../images/brandsite/branded/kentwoodsprings/index_top-banner.jpg) center top no-repeat; }
.mountolympuswater #page-index { background:url(../images/brandsite/branded/mountolympuswater/index_top-banner.jpg) center top no-repeat; }
.sierrasprings #page-index { background:url(../images/brandsite/branded/sierrasprings/index_top-banner.jpg) center top no-repeat; }
.sparkletts #page-index { background:url(../images/brandsite/branded/sparkletts/index_top-banner.jpg) center top no-repeat; }
.water #page-index { background:url(../images/brandsite/branded/water/index_top-banner.jpg) center top no-repeat; }
*/
#page-services_delivery { background:url(../images/brandsite/services-delivery_top-banner.jpg) center -20px no-repeat; }
#page-services_products { background:url(../images/brandsite/services-products_top-banner.jpg) center -20px no-repeat; }
#page-quality { background:url(../images/brandsite/services-quality_top-banner.jpg) center top no-repeat; }
#page-services_equipment { background:url(../images/brandsite/services-equipment_top-banner.jpg) center top no-repeat; }
.alhambrawater #page-services_aboutjake { background:url(../images/brandsite/branded/alhambrawater/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.belmontsprings #page-services_aboutjake { background:url(../images/brandsite/branded/belmontsprings/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.crystal-springs #page-services_aboutjake { background:url(../images/brandsite/branded/crystal-springs/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.crystal-springs-dummy #page-services_aboutjake { background:url(../images/brandsite/branded/crystal-springs-dummy/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.crystalwater #page-services_aboutjake { background:url(../images/brandsite/branded/crystal-springs-dummy/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.deeprockwater #page-services_aboutjake { background:url(../images/brandsite/branded/deeprockwater/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.hinckleysprings #page-services_aboutjake { background:url(../images/brandsite/branded/hinckleysprings/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.kentwoodsprings #page-services_aboutjake { background:url(../images/brandsite/branded/kentwoodsprings/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.mountolympuswater #page-services_aboutjake { background:url(../images/brandsite/branded/mountolympuswater/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.sierrasprings #page-services_aboutjake { background:url(../images/brandsite/branded/sierrasprings/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.sparkletts #page-services_aboutjake { background:url(../images/brandsite/branded/sparkletts/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
.water #page-services_aboutjake { background:url(../images/brandsite/branded/water/services-aboutjake_top-banner.jpg) center 150px no-repeat; }
#page-services_filtration { background:url(../images/brandsite/services-filtration_top-banner.jpg) center -22px no-repeat; }
#page-services_coffee { background:url(../images/brandsite/services-coffee_top-banner.jpg) center -2px no-repeat; }
#page-about_about { background:url(../images/brandsite/about-about_top-banner.jpg) center -32px no-repeat; }
#page-about_careers { background:url(../images/brandsite/about-careers_top-banner.jpg) center -32px no-repeat; }
#page-about_social { background:url(../images/brandsite/about-social_top-banner.jpg) center -32px no-repeat; }
#page-about_environment { background:url(../images/brandsite/about-environment_top-banner.jpg) center -32px no-repeat; }
.alhambrawater #page-about_community { background:url(../images/brandsite/branded/alhambrawater/about-community_top-banner.jpg) center top no-repeat; }
.belmontsprings #page-about_community { background:url(../images/brandsite/branded/belmontsprings/about-community_top-banner.jpg) center top no-repeat; }
.crystal-springs #page-about_community { background:url(../images/brandsite/branded/crystal-springs/about-community_top-banner.jpg) center top no-repeat; }
.crystal-springs-dummy #page-about_community { background:url(../images/brandsite/branded/crystal-springs-dummy/about-community_top-banner.jpg) center top no-repeat; }
.crystalwater #page-about_community { background:url(../images/brandsite/branded/crystal-springs-dummy/about-community_top-banner.jpg) center top no-repeat; }
.deeprockwater #page-about_community { background:url(../images/brandsite/branded/deeprockwater/about-community_top-banner.jpg) center top no-repeat; }
.hinckleysprings #page-about_community { background:url(../images/brandsite/branded/hinckleysprings/about-community_top-banner.jpg) center top no-repeat; }
.kentwoodsprings #page-about_community { background:url(../images/brandsite/branded/kentwoodsprings/about-community_top-banner.jpg) center top no-repeat; }
.mountolympuswater #page-about_community { background:url(../images/brandsite/branded/mountolympuswater/about-community_top-banner.jpg) center top no-repeat; }
.sierrasprings #page-about_community { background:url(../images/brandsite/branded/sierrasprings/about-community_top-banner.jpg) center top no-repeat; }
.sparkletts #page-about_community { background:url(../images/brandsite/branded/sparkletts/about-community_top-banner.jpg) center top no-repeat; }
.water #page-about_community { background:url(../images/brandsite/branded/water/about-community_top-banner.jpg) center top no-repeat; }
.alhambrawater #page-about_locations { background:url(../images/brandsite/branded/alhambrawater/about-locations_top-banner.jpg) center top no-repeat; }
.belmontsprings #page-about_locations { background:url(../images/brandsite/branded/belmontsprings/about-locations_top-banner.jpg) center top no-repeat; }
.crystal-springs #page-about_locations { background:url(../images/brandsite/branded/crystal-springs/about-locations_top-banner.jpg) center top no-repeat; }
.crystal-springs-dummy #page-about_locations { background:url(../images/brandsite/branded/crystal-springs-dummy/about-locations_top-banner.jpg) center top no-repeat; }
.crystalwater #page-about_locations { background:url(../images/brandsite/branded/crystal-springs-dummy/about-locations_top-banner.jpg) center top no-repeat; }
.deeprockwater #page-about_locations { background:url(../images/brandsite/branded/deeprockwater/about-locations_top-banner.jpg) center top no-repeat; }
.hinckleysprings #page-about_locations { background:url(../images/brandsite/branded/hinckleysprings/about-locations_top-banner.jpg) center top no-repeat; }
.kentwoodsprings #page-about_locations { background:url(../images/brandsite/branded/kentwoodsprings/about-locations_top-banner.jpg) center top no-repeat; }
.mountolympuswater #page-about_locations { background:url(../images/brandsite/branded/mountolympuswater/about-locations_top-banner.jpg) center top no-repeat; }
.sierrasprings #page-about_locations { background:url(../images/brandsite/branded/sierrasprings/about-locations_top-banner.jpg) center top no-repeat; }
.sparkletts #page-about_locations { background:url(../images/brandsite/branded/sparkletts/about-locations_top-banner.jpg) center top no-repeat; }
.water #page-about_locations { background:url(../images/brandsite/branded/water/about-locations_top-banner.jpg) center top no-repeat; }
#page-about_emergency { background:url(../images/brandsite/about-emergency_top-banner.jpg) center -32px no-repeat; }
#page-jointhecause { background:url(../images/brandsite/jointhecause_top-banner.jpg) center -32px no-repeat; }
#page-contactus { background:url(../images/brandsite/contactus_top-banner.jpg) center -32px no-repeat; }
#page-support { background:url(../images/brandsite/support_top-banner.jpg) center -32px no-repeat; }
.alhambrawater #page-support_delivery { background:url(../images/brandsite/branded/alhambrawater/support-delivery_top-banner.jpg) center top no-repeat; }
.belmontsprings #page-support_delivery { background:url(../images/brandsite/branded/belmontsprings/support-delivery_top-banner.jpg) center top no-repeat; }
.crystal-springs #page-support_delivery { background:url(../images/brandsite/branded/crystal-springs/support-delivery_top-banner.jpg) center top no-repeat; }
.crystal-springs-dummy #page-support_delivery { background:url(../images/brandsite/branded/crystal-springs-dummy/support-delivery_top-banner.jpg) center top no-repeat; }
.crystalwater #page-support_delivery { background:url(../images/brandsite/branded/crystal-springs-dummy/support-delivery_top-banner.jpg) center top no-repeat; }
.deeprockwater #page-support_delivery { background:url(../images/brandsite/branded/deeprockwater/support-delivery_top-banner.jpg) center top no-repeat; }
.hinckleysprings #page-support_delivery { background:url(../images/brandsite/branded/hinckleysprings/support-delivery_top-banner.jpg) center top no-repeat; }
.kentwoodsprings #page-support_delivery { background:url(../images/brandsite/branded/kentwoodsprings/support-delivery_top-banner.jpg) center top no-repeat; }
.mountolympuswater #page-support_delivery { background:url(../images/brandsite/branded/mountolympuswater/support-delivery_top-banner.jpg) center top no-repeat; }
.sierrasprings #page-support_delivery { background:url(../images/brandsite/branded/sierrasprings/support-delivery_top-banner.jpg) center top no-repeat; }
.sparkletts #page-support_delivery { background:url(../images/brandsite/branded/sparkletts/support-delivery_top-banner.jpg) center top no-repeat; }
.water #page-support_delivery { background:url(../images/brandsite/branded/water/support-delivery_top-banner.jpg) center top no-repeat; }
#page-support_equipment { background:url(../images/brandsite/support-equipment_top-banner.jpg) center top no-repeat; }
#page-support_managing { background:url(../images/brandsite/support-managing_top-banner.jpg) center top no-repeat; }
#page-support_changing { background:url(../images/brandsite/support-changing_top-banner.jpg) center top no-repeat; }
#page-support_qanda { background:url(../images/brandsite/support-qanda_top-banner.jpg) center top no-repeat; }
/* --------------------------------------------------------------------------
individualized figure and figcaption tags per page
-------------------------------------------------------------------------- */
/***index***/
#page-index figcaption { top:125px; left:65px; text-align:center; }
#page-index figcaption h1 { font-size:2em; font-weight:600; color:#fff; }
.alhambrawater #page-index figcaption {top:25px;}
.belmontsprings #page-index figcaption {top:285px;}
.deeprockwater #page-index figcaption {top:175px;}
.deeprockwater #page-index figcaption h1 {color:#204382;}
.sierrasprings #page-index figcaption {top:255px;}
/***services section***/
#page-services_delivery figcaption { top:20px; width:360px; }
#page-services_delivery figcaption p { margin-top:90px; }
#page-services_products figcaption { top:0px; width:430px; }
#page-services_products figcaption h1, #page-services_products figcaption p { color:#fff; }
#page-services_equipment figcaption { top:200px; width:420px; }
#page-services_equipment figcaption p { font-size:1em; line-height:1.5em; }
#page-services_aboutjake figure { height:1400px; }
.water #page-services_aboutjake figure { height:1150px; }
#page-services_aboutjake figcaption { top:10px; width:600px; }
#page-services_aboutjake figcaption p { font-size:1em; line-height:1.5em; }
#page-services_coffee figcaption { top:70px; width:360px; }
#page-services_coffee figcaption h3 { font-size:1.375em; font-weight:bold; }
#page-services_coffee figcaption h1 { margin:0; }
#page-services_coffee figcaption p { font-size:1em; line-height:1.25em; margin:5px 0; }
/***about us section***/
#page-about_about figcaption { width:380px; }
#page-about_locations figcaption { width:370px; }
#page-about_careers figcaption { width:250px; }
#page-about_emergency figcaption { width:450px; }
/***and the rest***/
#page-jointhecause figcaption { width:250px; }
#page-contactus figcaption { width:450px; }
#page-support_qanda figcaption { width:350px; }
#page-support_delivery figcaption { top:20px; }
/* --------------------------------------------------------------------------
individualized page items
-------------------------------------------------------------------------- */
/***water.com index***/
#mainbody {
max-width: 1750px;
/*min-width: 1215px;*/
width:100%;
margin-left: auto;
margin-right: auto;
margin-top:0px;
}
#watertabs {
width:950px;
/*height:300px;*/
margin:30px auto 0px;
}
#watertabstrip {
height:60px;
width:950px;
}
#watertabstrip img{
float:left;
padding:0px 2px 11px;
cursor:hand;
cursor:pointer;
}
#watertabdesc {
background: url(/images/brandsite/water-landingpage_desc-bg.gif) repeat-x;
padding:20px 20px 20px 0px;
font-size:12px;
color:#415f98;
height:240px;
}
#watertabdesc a {
color:#415f98;
}
#watertabdesc a.order-go {
display:inline-block;
float:none;
margin:15px;
width: 65px;
height: 40px;
line-height:40px;
background:#23d432;
border-radius:5px;
font-size:1em;
font-weight:normal;
padding:0px;
text-decoration:none;
text-transform:uppercase;
color:#fff;
-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:0px 2px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
line-height:25x;
}
#watertabdesc a.order-go:hover {
background:#22c130;
}
table.default {
padding:20px;
font-size:16px;
text-align:center;
width:100%;
}
#watertabdesc img{
margin:10px 24px;
}
img.selected-tab {
background-color:#e4e4e4;
}
.fouradlets {
text-align:center;
max-width:1358px;
margin:10px auto 40px;
}
.twoadlets {
/*width:694px;*/
display:inline-block;
margin:0 auto;
}
.adlet {
display:inline-block;
height:270px;
vertical-align:top;
}
.aadlet img {
width:100%;
max-width:333px;
padding:2px;
}
.adlet a.img {
border:none;
}
.adlet h1 {
text-align:center;
font-size:1.35em;
font-weight:300;
}
/***index***/
#page-index main {
width: 980px;
padding-left: 0;
text-align: center;
}
#page-index h2 {
color: #00498F;
margin-bottom:0.625em;
}
#page-index section div {
float: left;
width:33%;
padding: 15px 0;
}
#page-index section div a {
font-size: 1.25em;
font-weight: bold;
text-transform: uppercase;
line-height:1em;
text-align: center;
text-decoration: none;
color: #20529b;
}
#page-index section div a:hover {
color: #359acc;
}
/***services_delivery***/
#page-services_delivery article h1 { margin:0.5em 0; }
/***services_products***/
#watertype {
background:url(../images/brandsite/article_watertype-bg.jpg) right top no-repeat;
}
#watertype h1, #tabs-article h1 {
font-size:3.25em;
line-height:0.9em;
padding-top:125px;
width:300px;
}
#watertype h1 {
padding-top:55px;
}
.circle {
float:left;
width:165px;
}
.circle p {
font-size:0.875em;
width:130px;
margin:0.5em 0 0.5em 20px;
line-height:1.25em;
}
/*.alhambrawater #watertype .artesian,
.belmontsprings #watertype .artesian,
.crystal-springs #watertype .artesian,
.deeprockwater #watertype .spring,
.deeprockwater #watertype .fluoridated,
.hinckleysprings #watertype .artesian,
.kentwoodsprings #watertype .spring,
.mountolympuswater #watertype .artesian,
.sparkletts #watertype .artesian {display:none;}
.deeprockwater #watertype p.fluoridated-legal {visibility:hidden;}*/
#nursery-athena-other {
margin:25px 0 50px;
width:830px;
}
#products-ygbow {
background:url(../images/brandsite/running_man3.gif) 350px top no-repeat;
}
#products-ygbow h3 {
margin-bottom:0;
}
#products-ygbow p {
margin-top:0;
}
/***services_equipment***/
#coolers {
padding:15px 0 25px;
}
#coolers h1 {
line-height:1em;
margin-bottom:0;
width:500px;
}
#coolers ul {
font-size:0.9em;
padding-left:20px;
}
/***services_filtration***/
#filtration-4 {
}
.big-filter {
float:right; margin:30px 30px 0 0;
}
/*#page-services_filtration p {
width: 70%;
}*/
/***services_coffee***/
#coffee-1 {
width:915px;
height:683px;/*630px;*/
margin-left:-15px;
padding-left:15px;
position:relative;
top:20px;
left:0;
}
#coffee-1 h1, #coffee-1 p {
width:500px;
}
.tab-is-coffee {
background:url(../images/brandsite/coffee-tea-bg.jpg) left 30px no-repeat;
}
.tab-is-tea {
background:url(../images/brandsite/tea-bg.jpg) left 30px no-repeat;
}
#tab-coffee {
display:block;
position:absolute;
top:37px;
left:548px;
width:75px;
height:25px;
outline: none;
}
#tab-tea {
display:block;
position:absolute;
top:37px;
left:623px;
width:75px;
height:25px;
outline: none;
}
#page-getquote main, #page-faq main, #page-energysurcharge main {
width:980px;
padding:0;
}
/***aboutus community***/
.award-mountolympuswater,
.localcopy-crystal-springs,
.peachtree-alhambrawater, .peachtree-belmontsprings, .peachtree-hinckleysprings,
.peachtree-kentwoodsprings, .peachtree-sierrasprings, .peachtree-sparkletts {
display:none;
}
/***aboutus locations***/
#locations-1 {
background:url(../images/brandsite/locations-map.jpg) right top no-repeat;
height:300px;
padding-top:35px;
margin-top:25px;
}
.small-reg {
position: relative;
top: 6px;
left: 1px;
}
/***contact us***/
#form{
position:relative;
margin:0 auto;
width:830px;
height:500px;
font-size:0.75em;
color:#666;
}
#container-left{
position:absolute;
top:0px;
left:0px;
width:300px;
}
#container-right{
position:relative;
top:0px;
left:409px;
width:345px;
}
.txtbox{
margin:5px 0 18px 0;
width:207px;
height:20px;
border:1px solid #6fbfe9;
}
.dropdown-state{
margin:0px 0 22px 0;
width:140px;
height:20px;
}
.dropdown-contact{
margin:2px 0 20px 0;
width:166px;
height:20px;
}
.msgbox{
resize:vertical;
display:block;
margin:10px 0 0px 0;
width:338px;
height:108px;
max-height:200px;
border:1px solid #6fbfe9;
}
#that-sub{
font-size:11px;
font-weight:bold;
}
.btn-submit{
display: block;
position: relative;
bottom: 0px;
width: 85px;
height: 35px;
font-size: 1.8em;
font-weight:normal;
text-decoration: none;
color: #fff;
background: #70bee8;
border-radius: 25px;
padding:0px 0 0 15px;
line-height:35px;
}
.btn-submit:hover{
display:block;
background:#58b4e5;
}
a.blueround {
background:#70bee8;
border-radius:25px;
padding:5px 15px;
text-decoration:none;
line-height:50px;
}
a.blueround:hover {
background:#58b4e5;
}
/***support equipment table***/
table.micro tr th {
text-align:left;
font-size:14px;
color:#fff;
padding:10px 15px;
width:15%;
background:#206cac;
}
table.micro tr td {
padding:10px 15px;
font-size:12px;
}
table.micro img {
float:left;
margin-right:15px;
}
table.micro a {
text-decoration:none;
}
a.pdfIcon {
display:block;
text-decoration:none;
background:url(../images/brandsite/pdf_icon-gray.png) no-repeat;
vertical-align:middle;
padding:0 0 25px 25px;
margin:10px 0px -10px;
}
a.pdfIcon:hover {
background:url(../images/brandsite/pdf_icon.png) no-repeat;
}
a.videoIcon {
text-decoration:none;
background:url(../images/brandsite/play_btn.png) no-repeat;
padding:2px 0 20px 20px;
}
a.pdfIcon:hover, a.videoIcon:hover {
text-decoration:underline;
}
a.viewLink {
font-size:10px;
}
.viewLink {
font-size:10px;
color:#535B63;
text-decoration:underline;
}
table.micro {
border-radius:8px;
}
/***support questions & answers***/
#page-support_qanda article h3 {
font-weight:bold;
}
/***giving back***/
.giving {
margin-top:45px;
}
/*
* About Jake FB and Twitter
*/
#page-services_aboutjake figure {
position:relative;
}
#social-tabs {
width:318px;
height:382px;
background:url(../images/brandsite/tabs/bg-tabs.jpg) 0 0 no-repeat;
position: absolute;
top: 638px;
left:710px;
}
#social-tabs .tab-clicks {
position: absolute;
top:35px;
left:312px;
list-style:none;
margin:0;
padding:0;
}
#social-tabs .tab-clicks .fb-tab {
height: 40px;
width:37px;
background:url(../images/brandsite/tabs/bg-logo.jpg) 0 0 no-repeat;
display: block;
text-indent: -9999px;
}
#social-tabs .tab-clicks .tw-tab {
height: 46px;
width: 40px;
background: url(../images/brandsite/tabs/bg-logo.jpg) 0 -45px no-repeat;
display: block;
text-indent: -9999px;
}
#social-tabs .fb {
width: 280px;
margin:20px 0 0 15px;
}
#social-tabs .fb .pvs {
display:none;
}
#social-tabs .fb iframe {
margin:5px 0 0 3px;
}
#social-tabs .tw {
background:#fff;
height:350px;
width: 280px;
margin:20px 0 0 15px;
display:none;
}
#social-tabs .tw iframe {
margin:5px 0 0 3px;
}
#social-tabs .socialMediaTitlebar {
display:block;
background:url(../images/brandsite/tabs/bg-gobutton.jpg) no-repeat;
width:283px;
height:33px;
color:#fff;
font-size:0.8em;
line-height:33px;
padding-left:10px;
text-decoration:none;
}
/*
* registration marks
*/
.circle-r {
font-size: .7em;
position: relative;
top: -10px;
}
#expand-contract {
cursor:pointer;
}
/*
* location images
*/
#page-about_locations .locations {
list-style: none;
padding:0;
margin:0;
}
#page-about_locations .locations li {
float:left;
padding:0;
margin:0;
}
.filter img {
position:relative;
z-index:-1;
top:8px;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* Localized */