@charset "utf-8";
/* CSS Document */
nav { display:block;}
/*reset*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, header-content, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li,
meter,
nav,
object, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, ol,
var{
    background: transparent;
    /*font-size: 100%;*/
    margin: 0;
    border: none;
    outline: 0;
    vertical-align: top; 
	}
  
html { width:100%;}

body {
	min-width:980px;
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	-webkit-text-size-adjust: none;
	/*background instructions: www.css3pie.com*/
	background: #CCC;
	
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CCC), to(#999));
	background: -webkit-linear-gradient(#CCC, #999);
	background: -moz-linear-gradient(#CCC, #999);
	background: -ms-linear-gradient(#CCC, #999);
	background: -o-linear-gradient(#CCC, #999);
	background: linear-gradient(#CCC, #999);
	-pie-background: linear-gradient(#CCC, #999);
	behavior: url(/PIE.htc);
	*/
		}
  
.header {
    position:relative;
    width:997px;
	height: 74px;
    background-image:url(images/header-bg.png);
    background-repeat:no-repeat;
    padding: 2px 0 3px 0;
	margin: 0px auto 30px auto;
  }
  /* -- Navigation -- */
nav { position:relative; top:20px; left:105px; overflow:visible;}
nav li:first-child { background: none!important;}
nav ul { margin: 0; padding: 0; list-style: none;}

  /* Level 1 */
nav ul li { float:left; padding:7px 30px 10px 30px; background:url(images/menu-ver.gif) no-repeat 0 0;}
nav ul > li:first-child { background:none; padding-left:0;}
nav ul > li:last-child { padding-right:0;}
nav ul li a {
  font-size:15px;
  text-decoration:none;
  color:#336699;
  display: inline-block;
  vertical-align:baseline;
      }
nav li a.active { color: #F60; text-decoration: underline; }
nav li .level2{
  display:none;
  position: absolute;
  z-index:+10;
  width:105px;
  top: 30px;
  left: 0;
  margin-left:-1px;
  background-color:#FFF;
  text-align: left;
  border: 1px solid #ADD0E0;
  padding-left:5px;
}

nav li ul li .level3{
  display:none;
  position:absolute;
  z-index:+10;
  float:left;
  width:100px;
  top: 53px;
  left: 110px;
  background-color:#FFF;
  text-align: left;
  border: 1px solid #ADD0E0;
  padding-left:5px;
}

nav ul li ul li {
  background:none;
  margin: 0;
  list-style: none;
  width:100%;
  height:100%;
  display:inline;
  padding: 6px 0 0 0;
  color: #069;
  font-weight: bold;
  vertical-align:baseline;
}

nav ul li ul li a{
  font-size:12px;
  line-height:20px;
  color:#069;
  vertical-align:baseline;
}


nav li:hover .dropdown-css, 
nav li.over .dropdown-css{
display: block;
}

nav li {
  cursor:pointer;}

/*haven't changed this one yet to separate css and js behavior*/
nav .level2 li:hover .level3, 
nav .level2 li.over .level3{
display: block;
}
  
    
    
.logo {
  float:left;
  top:15px;
  left:15px;
  margin:0;
  padding:0 0 0 10px;
  width:195px; height:67px;
      }

.cities {
  width:975px; margin:0 0px 0px 0px; padding: 0px 0 0px 15px;
  }
  
.cities table {
  border-collapse: collapse;
}
  
.cities table tr td table tr td{
   border:1px solid #ccc; 
}
  
.footer { 
width:950px; margin:0 0px 5px 35px;
line-height:24px;
  }
.footer a{font-weight:normal; color:#069; line-height:24px;}
.footer a:hover {color:#F60;}

.nav2 {
  padding-top:0px;
}
  
a{ color:#069;  text-decoration:none; outline:none; font-weight:bold;}

a:hover{ text-decoration: underline;  color:#F60;}

.list3 .first {line-height:15px; padding-bottom:7px}
.list3 li{ line-height:30px; font-weight:bold; list-style:none;}
.list3 li a{ padding-left:10px; padding-bottom:10px; color:#069;}
.list3 li a:hover { color:#F60; }
.list3 li a.active, .footer a.active { color: #F60; text-decoration: underline; }
.pad_bot1{ padding-bottom:6px;}

h1{ font-size:20px;font-weight:bold; line-height:10px; color:#336699; padding:5px 0 10px 0px;}
h2{ font-size:18px;font-weight:bold; line-height:10px; color:#F60; padding:0 0 10px 0;}
h3{ font-size:16px;font-weight:bold; line-height:10px; color:#F60; padding:0 0 10px 0;}
p { width:93%; padding-bottom:16px; }

.form {
  height:500px; /*formerly: 392px*/
  width: 182px;
  background: url(images/form-bg.png) 0 0 no-repeat;
  background-position:center top;
  background-size:182px 500px; /*this is new; formerly no background-size*/
  padding: 10px 0px 0px 8px;
  margin: 0px 0px 0px 5px;
  line-height:15px;
}
.button-form{
	/*margin-top: 7px;*/
	margin-top: 7px;
	clear:both;
	height:30px;
	width:100px;
	background:transparent url(images/button-form.png) no-repeat;
	border:none;
}

.button-signup{
	/*margin-top: 9px;*/
	margin-top: 7px;
	clear:both;
	height:30px;
	width:100px;
	background:transparent url(images/button-signup.png) no-repeat;
	border:none;
	margin-left:6px;
}


/*see global.js for this id*/
#ie8 .button-form { margin-top: 7px; }
#ie8 .button-signup { margin-top: 7px; }

.field {
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
	height: 20px;
}

.subscribe {
  width:182px;
  height:151px;
  background: url(images/subscribe.png) 0px 0 no-repeat;
  background-position:center top;
  padding: 10px 0px 0px 3px;
  margin: 10px 0px 0px 5px;
}

.subscribe p{
  padding:0;
  margin: 0 -1px 1px 2px;
  width:100%;
}

.subscribe #contactform #email{
  margin: 1px 0 0 2px;
}

#contactform input:focus,
#contactform select:focus {
  -webkit-box-shadow: #0066ff 0 0 7px 0;
  -moz-box-shadow: #0066ff 0 0 7px 0;
  -o-box-shadow: #0066ff 0 0 7px 0;
  box-shadow: #0066ff 0 0 7px 0;
  z-index: 1;
}

#contactform select {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #333;
  cursor: default;
}

#contactform input::-webkit-input-placeholder {
  color: #333;
}

#contactform input:-moz-placeholder {
  color: #333;
}

#contactform input.placeholder_text {
  color: #333;
}

#contactform {
	/*font-weight:400;*/
	font: 12px/16px Arial, sans-serif;
}

#contactform input {
	/*font-weight:400;*/
	font: 12px/15px Arial, sans-serif;
	border: 1px solid #c0c0c0;
	padding: 2px;
	line-height: 14px;
	width: 100%;
	width: 160px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	display: block;
	margin-bottom: 1px;
}

#contactform input.button-form, #contactform input.button-signup {
	border: 0;
}

#contactform select {
	padding: 0;
	border: 1px solid #c0c0c0;
}

.news {
  width:182px;
  height:588px;
  background: url(images/news-bg.png) 0px 0 no-repeat;
  background-position:center top;
  padding: 10px 0px 0px 1px;
  margin: 10px 0px 0px 5px;
  font-size:11px;
  line-height:12px;
}

.news p {padding-bottom:10px; }

.news h2{
  padding-left:7px}
  
.news img{
  padding-top:2px;
  float:left;
  margin:0px 15px 3px 0px;
}

.section {
  /*width:337px;*/
  /*height:433px;*/
  height:475px;
  background:url(images/section.png) 11px 0px no-repeat;
  background-size:337px 475px;
  padding: 0px 0px 0px 14px;
  margin: 0px 0px 0px 4px;  
}

.section h2{margin-top:20px}

.section img { border:none; float:left; padding-right:5px; margin-bottom:8px}

.section a {
  color:#069;
}
.section a:hover {
  color:#F60;
}
.section table tr td{
  border-bottom: thin dotted #BBB;
}

.section1 {
  /*height:433px;*/
  height:475px;
  background:url(images/section.png) 0px 0px no-repeat;
  background-size:337px 475px;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 2px;  
}

.section1 h2{margin-top:20px}

.section1 p{
  padding-top: 5px;
  width: 90%;
}

.left-margin {
  margin-left: 28px;
}
.left-margin2 {
  margin-left: 104px;
}
.top-margin {
  margin-top: 10px;
}
.top-margin-form {
  margin-top: 10px;
}
.top-margin-form h2 {padding-top:10px}
.top-margin-form h3 {padding-top:10px; font-size:16px; color:#F60}
  
  .top-margin2 {
  margin-top: 20px;
  padding-bottom:10px;
}

.phone {
  padding-top:10px;
  padding-right:8px;
  float:right;
}

.breadcrumbs {
  /*in html, place breadcrumbs between .header;
  position:absolute;
  top:82px;
  left:15px;
  margin:0
  padding:0*/
	
	height: 14px;
	line-height: 19px;
	margin: -24px 0 0 0;
	/*padding: 0 0 0 16px;*/
	text-align: left;
	width: 997px;
}

.breadcrumbs div {
  display: inline;
}
.breadcrumbs div:first-child {
	padding-left: 12px;
}
.breadcrumbs a{
  color:#069; font-weight:normal;
}

.breadcrumbs a:hover{
	color:#F60;
}

.submenu {
  background: url(images/submenu.png) 0px 0px no-repeat;
  background-position:center top;
  padding:3px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  height: 31px;
  text-align:center;
  color: #069;
  font-weight: bold;
}

.submenu a {
}

.subtext {
  padding-left:5px;
  padding-top:13px;
}
.small-link {
  font-size:12px;
  color: #069;
  font-weight:normal;
  padding-left: 20px;
}
.small-link2 {
  font-size:12px;
  color: #069;
  text-decoration:underline;
  font-weight:normal;
}
.products {
  margin-left:14px;
  font-weight: bold;
  color: #069;
}

.products img {
  cursor:pointer;
}

.hr_shadow {border-bottom: thin dotted #BBB;
width: 669px;
margin: 20px 0 20px 0;}

.post {
  width:675px;
  font-size:14px;
}
.post h2{
  font-size:18px;font-weight:bold; line-height:20px; color:#F60; padding:0px 0 10px 0; width:90%;
}
.boxcontent .post img{
  border: none;
}
.date{
  width:60px;
  font-weight:bold;
  text-align:right;
  float:right;
  margin: 0 15px 20px 20px;
}

.faq h3 {
  color:#069;
}

.faq .small-link {
	line-height: 14px;
}

.faq div img {
	border:none;
}

.mainbot2{
  height:25px;
  width:997px;
  background-image:url(images/mainbot2.png);
  background-repeat:no-repeat;
}
.maintop2{
  margin-top:12px;
  height:20px;
  width:997px;
  background-image:url(images/maintop2.png);
  background-repeat:no-repeat;
}

.maintop{
  margin-top:10px;
  display:block;
  height:16px;
  width:997px;
  background-image:url(images/maintop.png);
  background-repeat:no-repeat;
}
.mainspace{
  text-align:left;
  display:block;
  width:997px;
  background-image:url(images/mainspace.png);
  background-repeat:repeat-y;
  position:relative;
}

.mainbot{
  display:block;
  height:20px;
  width:997px;
  background-image:url(images/mainbot.png);
  background-repeat:no-repeat;
}

.startbox{
  margin-top:10px;
  display:block;
    height:20px;
    width:697px;
  background-image:url(images/top-bar.png);
  background-repeat:no-repeat;
}
.startbox2{
  margin-top:10px;
  display:block;
    height:25px;
    width:697px;
  background-image:url(images/top-bar2.png);
  background-repeat:no-repeat;
}
.boxcontent{
  display:block;
  background-image:url(images/mid-bar.png);
  background-repeat:repeat-y;
  padding-left: 12px;
  position:relative;
}

.boxcontent h2{ padding:0px 0 10px 0;}

.boxcontent h3{ padding:0px 0 10px 0;}

/*
.boxcontent a {text-decoration:underline; color:#069;}
.boxcontent a:hover { color:#F60; text-decoration:underline;}
*/

.boxcontent.faq ol { margin:0; padding:0; list-style-type:none;}
.boxcontent.faq ul { margin:0; padding:0; list-style-type:none; }

.endbox{
  display:block;
  height:25px;
    width:697px;
  background-image:url(images/bot-bar.png);
  background-repeat:no-repeat;
}

.boxcontent2{
  display:block;
  background-image:url(images/mid-bar.png);
  background-repeat:repeat-y;
}

.main-content {
  color: #069;
  font-weight: bold;
  margin-left: -2px;
}

.boxcontent img { 
	border:2px solid #ADD0E0; 
	margin-bottom:5px;
	}
	
.main-content img, .products img, .testimonials img {	
	/*source of following code snippet is .img-thumbnail class of Bootstrap, except changed border color*/
	padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    /*height: auto;*/
}

.newspost img {border:none;}

.main-content a:hover {
  text-decoration:underline;
  color:#F60;
}

.sitemap a{font-weight:normal; color:#069; line-height:24px;}

.sitemap a:hover{font-weight:normal; color:#F60; line-height:24px;}

.clear { clear:both;}

.contact { position:relative; } 

.contact a{
  font-weight:normal;
}

.contact p{
  margin-top: 7px;
  margin-left: 40px;
}

.contact img{
  border:none;
  float:left;
}

.phone-contact {
	background-image:url(images/phone-contact.png);
	background-repeat:no-repeat;
	padding-left:40px;	
	min-height:30px;
	line-height:29px;
	margin-bottom:15px;
	}

.email-contact {
	background-image:url(images/email-contact.png);
	background-repeat:no-repeat;
	padding-left:40px;
	min-height:30px;
	line-height:28px;
	margin-bottom:30px;
	}
	

.contact .receptionist {
	border:1px solid #ADD0E0;
	position:absolute;
	left:415px;
	}

.email-remember {
	width:150px; 
	height:40px; 
	background-image:url(/images/icon_remember.gif);
	background-repeat:no-repeat; 
	padding-left:50px;
	position:absolute;
	left:450px; 
	top:315px;
	/*float:right;; 
	margin:300px -230px 0 0;*/
}
	
.vcard {
	width:150px; 
	height:40px; 
	background-image:url(/images/vcard-32x32.png);
	background-repeat:no-repeat; 
	padding-left:50px;
	position:absolute;
	left:450px; 
	top:300px;
	/*float:right;; 
	margin:300px -230px 0 0;*/
}	

.sitemap h3 {
  color:#069;
}

.newspost h2 {
  padding-bottom: 20px;
}

.newspost p {
  text-indent:30px;
}

.newspost p.light-bulb {
  text-indent:0;
}

.logos img {
  border:none;
}

#search-form {
  float: right;
  border: 1px solid #ADD0E0;
  width: 125px;
  padding: 0;
  background-color: #fff;
  margin-right: 10px;
  margin-top: 7px;
}

.search-button {
	height:18px
	}

#search-form .input-field {
  margin: 0;
  border: none;
  width: 105px;
  float: left;
  font-size: 16px;
  padding: 1px;
}

.sharing-button {
  position: static;
  float: right;
  margin-top: 8px;
  margin-right: 15px;
  
}

.feedback-link {
  position: static;
  float: right;
  margin-top: 8px;
  margin-right: 20px;
}


.parag-indent { 
		margin-left:10px;
	
	} 

.parag-first {
  margin-top: 15px;
}

.parag-first img{
  margin:3px 12px 0 0;
  border:none;
  float:left;
}

.dark { background-color: #f5f5f5; }
.white { background-color: #fff; }
.video-container > div { margin: 0 auto; }

.video-parag {
	margin:3px 12px 0 0; 
	float:left;
}

.iframes-video {
	float:left; 
	padding:0; 
	margin:0;
	width:365px; 
	height:190px;
}

.iframes-video-tylenol {
	float:right; 
	padding:0; 
	margin:0 80px 0 10px;
	width:320px; 
	height:180px;
}

span.error {
	color: #ff0000;
	padding-left: 10px;
}

#moreInfoButton {
	float:right; 
	margin:15px 20px 0 10px; 
	display:block;
	width:150px;
	height:40px;
}

#moreInfoButton img {
	border:none; 
}

.light-bulb {
	background-image: url(images/awr_tip_36.png);
	background-repeat: no-repeat;
	border:none; 
	padding-left: 35px;
	background-position:0 -2px ;
	}
	
#giveaway-header {
	display:block;
	background-image:url(images/giveaway-117x20.png); 
	background-repeat:no-repeat; 
	background-position:8px -1px; 
	position:relative; 
	top:8px; 
	height:20px;
	padding-right:335px;
	}
	
#giveaway-footer {
	display:block;
	background-image:url(images/giveaway-117x20.png);
	background-repeat:no-repeat;
	background-position:8px -1px; 
	width:400px; 
	height:40px;
	margin-top:20px;
	padding-left:130px;
	}

.answer-rates {
	position:absolute; 
	background-color:white;
	display:none; 
	outline:black solid 1px; 
	width:300px; 
	padding:10px; 
	left:0; 
	top:17px;
	color:#333;
	font-weight:normal;
}

.answer-rates:hover {
text-decoration:none;
}

a.question-mark {
	position:relative;
	text-decoration:none;
}


.need-pics-question 
{
position:absolute; left:400px; color:#F60; text-decoration:none; cursor:pointer;

}

.need-pics-answer
{
	position:absolute; 
	background-color:white;
	display:none; 
	outline:black solid 1px; 
	width:300px; 
	padding:10px; 
	left:0; 
	top:17px;
	color:#333;
	font-weight:normal;
}

.sell-sheet 
{
position:absolute; left:550px; color:#F60; text-decoration:none; 
}

/* Redid this one below for purposes of using with JS.
.nav-pop { position: relative}
.nav-pop img { display:none; position: absolute; left: 100px; top:0px; border:solid 10px #ADD0E0; z-index:100;  }
.nav-pop:hover img { display: block;}
*/

.nav-pop { position: relative}
.nav-pop img { display:none; position: absolute; left: 98px; top:0px; border:solid 10px #ADD0E0; z-index:100;  }

.level3 .nav-pop img { left: 90px; }

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) 
{
		.nav-pop:hover img { display:none}
	}
	
.little { cursor:pointer; }


img.little, img#big { outline:1px solid black; } 
	
/* The following is included for testing on desktop browser:  "only screen and (max-width: 480px)" */

/*
.green, .red {
	height:50px;
	outline:black 1px solid;
}

.red {
	background: red;
}

.green {
	background: green;
}
	*/
	
.boxcontent .community-in-action-image {
	float:right; 
	border:none; 
	margin:20px;
}


.campaign-highlights {
	overflow:auto; 
	border: 1px #069 solid; 
	border-radius:5px; 
	padding: 10px; 
	margin-bottom: 25px;
	width:90%}

.campaign-highlights img {margin-right:10px; margin-left:10px}

.mobile-site {text-align:center; padding:15px}

.mobile-site a {padding:15px 0 15px 0}

	
#campaigns-image-big-wrapper img {
	width:93%;
	margin-left:2%;	
	margin-top:10px;		
	}

.campaigns-image-little-wrapper {
	overflow:auto;		
	margin-top:10px;
	padding:5px 0 5px 0;
	}

.campaigns-image-little-wrapper img {
	float:left;
	width:17%;
	margin-left:2%;
	}
	
td[rowspan] {
    background-color: #fff !important;
}

/* Testimonials 
http://bootsnipp.com/snippets/featured/responsive-simple-testimonials
*/

.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    /*border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;*/
	width:133px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}
.testimonials .item {
    padding-bottom: 50px;
}

/*added to Testimonials css by Danny P:*/
.testimonials {
    width: 95%;
}

.testimonials .pull-left{
    float:left
}