/*

COLORS

green - #009590
red - #bc332b
purple - #724c9f
yellow - #ffc715
gray-lt - #f4f6f8
gray-dk - #2a2a2a
gray-sm - #6f6f70
gray-ml - #d5d5d5

*/

/* RESETS */

/* remove underline from superscripted links */
a sup{
	display:inline-block;
	text-decoration: none;
}
html{
	overflow-x:hidden;
}

@media (max-width: 767px) and (min-width: 550px) {
  .change600 .col-xs-12 {width: 50%;}
}



/* OLD CSS RESETS */

/* === body Wrapper === */


/* === Bootstrap Overrides === */


.list-inline {
  margin-left: 0;
  margin-right: 0;
}

.list-inline > li {
  margin-right: 12px;
}

.navbar-collapse {
  padding-right: 0;
  padding-left: 0;
  max-height:none;
}

hr {
  width: 100%;
  border-color: #939598; /* grey from hr in psd */
}

ul, ol {
  margin-bottom: 0;
}


.sameline {
  white-space: nowrap;
}


a sup {
  display: inline-block; /* stops the underline text decorations in links */
}


/*** sitemap ***/

.nobrk {
  white-space: nowrap;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: normal
}



/* === Form Page === */

.zipCodeLabel {
  margin-left: 12px;
  line-height: 36px;
}


.form-no-label {
  width: 63%;
}

.form-textbox, .ends ul {
  height: 36px;
  /*width: 100%;*/
  width: 330px;
}

.city-textbox, .state-textbox, .zipCode-textbox {
  min-width: 40px;
}
.city-textbox {
  width: 150px;
}
.state-textbox {
  width: 25%;
  float: left;
}
.zipCode-textbox {
  width: 46%;
  float: left;
  position: absolute;
  right: 0;
}



.submit-button {
    float: left;
    display: block;
    color: #fff;
}
.submit-button input {
  display:block;
  line-height: 18px;  
  padding: 5px 65px;
  text-align: center;
}


#otherReminderRow {
  display: none;
}
#frequencyRow {
  display: none;
}

.reminderConfirmBreakLine {
  margin-bottom: 20px;
  clear: both;
}

.editReminderPopup {
  clear: both;
  display: block;
}



.ends, #endsLabel {
  /*height: 100px;*/
}
.ends ul {
  list-style: none;
  float: left;
  padding: 0;
  height: auto;
  padding-bottom: 10px;
}
.ends ul li {
  margin-top: 8px;
}
.ends-textbox {
  height: 36px;
}

.btn-forms {
  line-height: 32px;
  padding: 6px 40px;
  background-color: #009999;
  color: #fff;
}

.formMainArea input[type="radio"] {
  margin-right: 3px;
}

.form-error-summary {
  padding: 0 0 20px 0;
}
.form-error-header {
  left: 0;
  position: relative;
  color: #c10008;
  font-weight: bold;
  padding: 3px;
}
.form-error-summary ul {
  list-style: none;
  color: #d96265;
  font-size: 13px;
  padding: 0;
}
.form-error-summary ul li {
  padding: 2px 0 0 0;
}
.form-date-icon {
  right: 9px;
  top: 0;
}
.form-col-md-4 {
  width: 40%;
  float: left;
}



#formErrorVS ul, #formErrorVS ul li {
  max-width: 100%;
  margin-bottom: 0;
}

.formMainArea .reminderAppCallout {
    position: relative;
    padding-top: 20px;
}
.formMainArea .reminderAppCallout .reminderAppCalloutLeftImage {   
    width: 40%;
}
.formMainArea .reminderAppCalloutText {
    position: absolute;
    top: 27%;
    left: 28%;
    width: 70%;
    max-width: 540px;
}
.formMainArea .reminderAppCalloutText img {
    margin-left: 9%;
    padding-top: 16px;
    float: left;
}

@media (min-width: 769px) and (max-width: 979px) {
    .formMainArea .reminderAppCalloutText {        
        top: 20%;        
    }
    .formMainArea .reminderAppCalloutText img {
        padding-top: 10px;        
    }
}
@media (max-width: 768px) {
    .formMainArea .reminderAppCallout {
        line-height: 15px;                
    }     
    .formMainArea .reminderAppCalloutText {
        top: 18%;
        left: 26%;
        width: 74%;
        margin-bottom: 10px;        
    }
    .formMainArea .reminderAppCalloutText img {       
        padding-top: 6px;
    }  
}
@media (max-width: 660px) {
    .formMainArea {
        font-size: 14px;
    }
    .formMainArea h4 {
        font-size: 18px;
    }
    .formMainArea .reminderAppCallout {
        min-height: 290px;
    }
    .formMainArea .reminderAppCalloutText {
        top: 14%;
        margin-bottom: 0px;        
    }
    .formMainArea .reminderAppCalloutText img {
        padding-top: 0;        
    }
}


/* === datepicker.css override === */
.input-append.date .add-on i, 
.input-prepend.date .add-on i {
    background-image: url("../img/forms/datepickerImage.png") !important;
}

/* couldn't find a way around using these 2 oddball media queries */
@media (max-width: 577px) {
  .form-label {
    width: auto;
    display: block;
    float: none;
  }
}
@media (max-width: 642px) {
  .reminder-disclaimer, .reminder-buttons-row {
    width: 330px;
  }
}
@media (max-width: 768px) {
  .submit-button {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .submit-button {
    margin-right: 0;
    float: right;
  }

  .doubleLineLabel {
    margin-top: 5px;
  }
}

.pixelTrack{
	position:absolute;
	margin:0;
	padding:0;
	z-index:0;
}

.clear_both { clear:both; width:100%;height:2px;border:solid 0px red;margin:0;padding:0;}
.redbox     { border:solid 1px red; }

/* End of old css */


/*
======================================================

............GENERAL STYLES (style guide)

======================================================
*/

.mobilenav{
	display:none;
}

.full-wrapper {
  max-width: 100%;
  min-width: 120px;
  margin: 0 auto;
  float: none;
  background-color: white;
  position: relative;
}
a:focus {
  outline: none;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 5px;
    background: none;
    font-size: 13px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.breadcrumb li {
  color: rgb(0,153,153);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}

.breadcrumb li a {
  color: rgb(0,153,153);
}

.breadcrumb > li+ li:before {
  content: "/";
  padding: 0 2px;
  margin-right: 2px;
  color: rgb(0,153,153);
}

.breadcrumb > li.active {
  color: rgb(153,153,153);
}

/* Widths */

.width1280 {max-width: 1280px; width: auto; height: auto; position: relative; margin: 0 auto;}
.width980 {max-width: 980px; width: auto; height: auto; position: relative; margin: 0 auto;}
.width940 {max-width: 940px; width: auto; height: auto; position: relative; margin: 0 auto;}
.width820 {max-width: 820px; width: auto; height: auto; position: relative; margin: 0 auto;}
.width780 {max-width: 780px; width: auto; height: auto; position: relative; margin: 0 auto;}
.width480 {max-width: 480px; width: auto; height: auto; position: relative; margin: 0 auto;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 10px; padding-left: 10px;}
.marginTop0  {margin-top: 0;}
.marginTop20 {margin-top: 20px;}
.marginTop30 {margin-top: 30px;}
.marginTop40 {margin-top: 40px;}
.marginTop50 {margin-top: 50px;}
.marginTop60 {margin-top: 60px;}
.marginBottom60 {margin-bottom: 60px;}
.marginBottom50 {margin-bottom: 50px;}
.marginBottom40 {margin-bottom: 40px;}
.marginBottom30 {margin-bottom: 30px;}
.marginBottom20 {margin-bottom: 20px;}
.marginBottom5 {margin-bottom: 5px;}
.marginBottom5important {margin-bottom: 5px!important;}
.marginBottom0  {margin-bottom: 0 !important;}
.paddingTop10 {padding-top:10px;}
.paddingTop30 {padding-top:30px;}
.paddingBottom20 {padding-bottom: 20px;}
.paddingBottom30 {padding-bottom: 30px;}
.paddingBottom40 {padding-bottom: 40px;}
.paddingBottom60 {padding-bottom: 60px;}
.paddingLeft20 {padding-left: 20px;}
.paddingRight10 {padding-right: 10px;}
.paddingRight20 {padding-right: 20px;}
.paddingLeft0 {padding-left: 0!important;}
.paddingRight0 {padding-right: 0!important;}
.moveLeft {margin-left:30px;}
.wrapImageRight{
	float: right;
	padding-left: 20px;
}
.wrapImageLeft{
	float: left;
	padding-right: 20px;
}
.imgPostion{
	width: 100%;
}
.imgPostion img{
	width: inherit;
}

.imgPostion-center{
	display: flex;
	justify-content: center;
}

/* FONTS */

@font-face {
    font-family: 'Univers';
    src: url('/font/Univers/UniversRoman55.eot');
    src: url('/font/Univers/UniversRoman55.eot?#iefix') format('embedded-opentype'),
         url('/font/Univers/UniversRoman55.woff2') format('woff2'),
         url('/font/Univers/UniversRoman55.woff') format('woff'),
         url('/font/Univers/UniversRoman55.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Univers';
    src: url('/font/Univers/UniversBold65.eot');
    src: url('/font/Univers/UniversBold65.eot?#iefix') format('embedded-opentype'),
         url('/font/Univers/UniversBold65.woff2') format('woff2'),
         url('/font/Univers/UniversBold65.woff') format('woff'),
         url('/font/Univers/UniversBold65.ttf');
    font-weight: bold;
    font-style: normal;
}

body {background-color: #fff;}
.white-font {color: #fff;}

h1{
	font:normal 48px Univers, Arial;
	line-height: 1em;
}

.section-title {
	font:normal 34px Univers, Arial;
	line-height: 1em;
	font-weight: normal;
	margin-left: 15px;
	margin-right: 15px;
}

.section-title-small {
	font:normal 24px Univers, Arial;
	line-height: 1.2em;
	font-weight: normal;
}

.section-title.marginLeftRight0, .marginLeftRight0 {
	margin-left: 0;
	margin-right: 0;
}

h2{
	font:normal 20px Univers, Arial;
}
h3{
	font:bold 16px Univers, Arial;
	text-transform: uppercase;
}
h4{
	font:600 18px Univers, Arial;
}
body, p, ul, li{
	font:normal 14px Univers, Arial;
}

span, a {font-size: inherit; line-height: inherit;}

p.lg, span.lg, ul.lg li{
	font-size:16px;
	font-family: Univers, Arial;
	line-height: 24px;
}
p.subheader{
	font-size:16px;
	font-weight:600;
	text-transform: uppercase;
	font-family: Univers, Arial;
}
p.semi-bold {
	font-size:16px;
	font-weight:600;
	font-family: Univers, Arial;
}

a, a:visited, a:active, a:focus{
	font-weight:600;
	color:#009590;
	text-decoration: none;
	cursor:pointer;
}
a:hover, a:focus:active{
	text-decoration: underline;
	color:#009590;
}
a.inheritcolor, a.inheritcolor:visited, a.inheritcolor:active, a.inheritcolor:focus, a.inheritcolor:hover, a.inheritcolor:focus:active{
	color:inherit;
}
p.legal{
	font:normal 14px myriad-pro, sans-serif;
}

.bolded {font-weight: bold;}
.line-break {display: block;}
.text-transform-none {text-transform: none;}


/* BUTTONS */

input {font-family: Univers, Arial; font-size:15px;}

button span{
	text-transform: uppercase;
	font-size:14px;
	font-family: Univers, Arial;
	letter-spacing: 1px;
	font-weight:600;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	color:white;
}
button.btn-primary, button.btn-primary:focus, button.btn-primary:visited{
	background-color:#009590;
	border:0 none;
	box-shadow: 0 2px 0 0 #047b77;
	padding:11px 15px 8px 15px;
	outline:none;
	border-radius: 4px;
}
button.btn-primary:hover, button.btn-primary:focus:active{
	background-color:#047b77;
	box-shadow: 0 2px 0 0 #076763;
	outline:none;
}

.vet-finder-page .submit-button input, .reminder-buttons-row .submit-button input{font-size: 14px;}

.btnGreen, .btnGreen:focus,.btnGreen:active,.btnGreen:visited, .vet-finder-page .submit-button input, .reminder-buttons-row .submit-button input, .vet-finder-page .submit-button input:focus, .reminder-buttons-row .submit-button input:focus {
	font-family: Univers, Arial;
	text-transform: uppercase;
	border-radius: 4px;
	background-color: #009590;
	border:0 none;
	box-shadow: 0 2px 0 0 #047b77;
	padding:11px 15px 8px 15px;
	color: #fff;
	letter-spacing: 1px;
	outline:none;
	font-weight: 600;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	text-decoration: none;
}

.btnGreen:hover, .btnGreen:active, .vet-finder-page .submit-button input:hover, .reminder-buttons-row .submit-button input:hover, .vet-finder-page .submit-button input:active, .reminder-buttons-row .submit-button input:active {
	color: #fff;
	background-color:#047b77;
	box-shadow: 0 2px 0 0 #076763;
	text-decoration: none;
}

.header-sup{
	font-size: 0.45em;
	top: -0.75em;
}

/*
======================================================

....................DESKTOP NAV

======================================================
*/

.desktopnav .topnav{
	height:110px;
}

.desktopnav .bottomnav{
	height:96px;
}

.desktopnav .topswoop{
	position:relative;
}

.desktopnav .topswoop img{
	position: absolute;
	top:0;
	left:0;
	max-width:none;
}

.desktopnav .headerlogo{
	margin-top:15px;
}

.desktopnav .topnav{
	margin-top: 15px;
}
.desktopnav .nav-top a{
	margin-top: 15px;
	margin-left: 37px;
}

.desktopnav .headerlogo a{
	margin:0;
}
.desktopnav .topnav a.newsletter-sign-up{
	margin-left:0;
}


.desktopnav .topnav a,.desktopnav .topnav a:visited{
	font-size:13px;
	color:#797c80;
	text-transform: uppercase;
}

.desktopnav .topnav a:hover, .desktopnav .topnav a:focus, .desktopnav .topnav a:focus:active{
	color:#797c80;
}

.desktopnav .topnav .dropdown{
	display:inline-block;
}

.desktopnav .topnav .dropdown .dropdown-menu a{
	display:block;
}

.desktopnav .topnav .dropdown a.dropdown-toggle{
	padding-right:4px;
}

.desktopnav .topnav .dropdown a.dropdown-toggle.hovered{
	text-decoration:underline;
}
.desktopnav .topnav .dropdown a:hover:focus{
	text-decoration: underline;
}

.desktopnav .topnav .dropdown i.dropdown-toggle{
	color:#009590;
	width:28px;
	padding:4px 0px 0px 0px;
	text-align: center;
	display: inline-block;
	text-decoration: none !important;
	background: white;
	position: relative;
	z-index:2;
	cursor:pointer;
}

.desktopnav .topnav .dropdown.open i.dropdown-toggle{
	box-shadow: 0px 0px 3px 1px #aaaaaa;
	padding:4px 0px 8px 0px;
	color:#d5d5d5;
}

.desktopnav .dropdown a:not(.dropdown-toggle){
	margin-top:0;
	margin-left:15px;
}
.desktopnav .topnav .dropdown .dropdown-menu{
	border:0;
	margin-top:-3px;
	z-index:1;
	box-shadow: 0px 0px 3px 1px #aaaaaa;
	text-transform:none;
	border-radius: 0;
}
.desktopnav .topnav .dropdown .dropdown-menu a{
	text-transform:none;
	padding-bottom:14px;
}
.desktopnav .topnav .dropdown .dropdown-menu a:first-child{
	text-transform:none;
	padding-top:12px;
}

.desktopnav .topnav .dropdown-menu a,.desktopnav .topnav .dropdown-menu a:visited{
	font-size:13px;
	color:#009590;
	text-transform: uppercase;
}

.desktopnav .topnav .dropdown-menu a:hover, .desktopnav .topnav .dropdown-menu a:focus, .desktopnav .topnav .dropdown-menu a:focus:active{
	color:#009590;
}

/* covers the overlapping dropshadows on the dropdown arrrow / menu */
.dropdown.open .dropdown-shim{
	position: absolute;
	bottom:-5px;
	left:-4px;
	height: 8px;
	width:32px;
	background:white;
}

/* Search Box */

.dropdown.search-dropdown i.dropdown-toggle{
	font-size:14px;
}
.desktopnav .topnav .searchbox-container{
	padding:10px 15px;
}
.desktopnav .topnav .searchbox-container input[type="text"]{
	background:white;
	font:normal 15px myriad-pro;
	color:black;
	border:0;
	outline:0;
	width:100%;
	margin:0;
	padding:0;
	padding-right:20px;
	border-bottom:1px solid #d5d5d5;
	position: relative;
	font-size:15px;
	border-radius:0;
}

.desktopnav .topnav .searchbox-container button{
	min-width:auto;
	position: absolute;
	right:9px;
	top:10px;
	background:none;
	border:0;
}
.desktopnav .topnav .searchbox-container button i{
	color:#009590;
}

/* bottom nav */
.desktopnav .tier-1{
	padding-bottom:14px;
}
.desktopnav .tier-1 a{
	display:block;
}

.desktopnav .tier-1 .col-sm-3{
	border-right: 1px solid #d5d5d5;
}
.desktopnav .tier-1 .col-sm-3:last-child{
	border:none;
}
.desktopnav .tier-1 .health a:hover{
	text-decoration:underline;
}
.desktopnav .tier1-label {
	text-align:center;
	position: relative;
}
.desktopnav .tier1-label img{
	display:block;
	margin: 0 auto;
	padding-bottom:8px;
}
.desktopnav .tier1-label a, .tier1-label a:visited, .tier1-label a:active, .tier1-label a:focus{
	color:#797c80;
	font:bold 16px Univers, Arial;
}
.desktopnav .tier1-label a:hover, .tier1-label a:focus:active{
	color:#797c80;
}
.desktopnav .tier-2{
	display:none;
	position: relative;
	z-index:3;
	margin:0;
	margin-top: 2px;
}
.firefox .desktopnav .tier-2{
	margin-top:0;
}
.desktopnav .tier-2-container{
	position: absolute;
	top:0;
	left:5px;
	width:100%;
	padding-top:36px;
	padding-bottom:30px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	background-color:white;
}
.desktopnav .tier-2-container p.subheader{
	border-bottom:1px solid #d5d5d5;
	padding-bottom:5px;
	margin-bottom: 10px;
}
.desktopnav .tier-2-container a{
	display:block;
	font-weight:600;
	padding-bottom:5px;
	font-size:14px;
}
.desktopnav .tier-2-container a:last-child{
	padding-bottom:0px;
}

/* hide shadow, connect tiers */

span.shadowshim{
	display:none;
	height:60px;
	background:white;
	position: absolute;
	left:-10px;
	right:0;
	bottom:-60px;
	z-index:4;
}
.active span.shadowshim{
	display:block;
}




/* FOOTER */

.desktopfooter{
	border-top:1px solid #dedede;
	height:131px;
	width:100%;
	position: relative;
	text-align:center;
	font-weight:500;
}
.desktopfooter img{
	position: absolute;
}
.desktopfooter img.footerswoop{
	left:0;
	bottom:0;
}
.desktopfooter img.logo{
	bottom:48px;
	left:64px;
	z-index: 1;
}
.fixedBottom{
	position:fixed;
	bottom:0;
}
.desktopfooter .container{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}
.desktopfooter .container .legal{
	color:#797c80;
	margin-bottom: 40px;
}
.desktopfooter .container a{
	font-size:16px;
	margin-right:50px;
	display: inline-block;
	margin-bottom: 18px;
	font-weight:600;
}
@media screen and (max-width:1070px){
	.desktopfooter .container a{
		margin-right:20px;
	}
}
@media screen and (max-width:940px){
	.desktopfooter .container{
		padding-left:100px;
	}
}
@media screen and (max-width:850px){
	.desktopfooter .container{
		padding-left:150px;
	}
}
.desktopfooter .container a:last-of-type{
	margin-right:0px;
}

.desktopfooter .container a, .desktopfooter .container a:visited, .desktopfooter .container a:active, .desktopfooter .container a:focus{
	color:#797c80;
}
.desktopfooter .container a:hover, .desktopfooter .container a:focus:active{
	color:#797c80;
}

@media screen and (max-width:767px){
	.mobilefooter table{
		border:0;
		width:100%;
	}
	.mobilefooter table td{
		padding-left:15px;
		padding-right:15px;
		height:60px;
		border:1px solid #d5d5d5;
	}
	.mobilefooter table td a{
		font-weight:normal;
		color:#60717a;
	}
	.mobilefooter img.logo{
		display: inline-block;
		margin-left:30px;
		margin-top: 10px;
	}
	.mobilefooter .bottom{
		clear:both;
	}
	.mobilefooter p.legal{
		float:right;
		width:60%;
		display: inline-block;
		text-align: right;
		padding-right:30px;
		margin-bottom: 25px;
		margin-top: 12px;
		color:#60717a;
	}
}
@media screen and (max-width:340px){
	.mobilefooter img.logo{
		margin-left:15px;
		margin-top: 10px;
	}
}

@media screen and (max-width:1199px){

}
@media screen and (max-width:991px){

}
/* MOBILE NAV */
@media screen and (min-width:768px){
	.mobilenav{display: none!important;}
}

@media screen and (max-width:767px){
	.desktopnav{
		display:none;
	}
	body.fixed-top-nav {
	    padding-top: 100px;
	}
	.mobilenav.sticky {
	  margin: 0;
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  width: 100%;
	  background-color: #fff;
	}
	.mobilenav.sticky:not(.sticky-mobile) {
	    top: -100px;
	    max-height: 100px;
	    overflow: hidden;
	}
	.mobilenav{
		display:block;
		position:relative;
		z-index: 50;
		transition: all 0.2s ease-in-out;
    	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
	}
	.mobilenav img.swoop{
		position: absolute;
		width:158px;
		height: auto;
		top:0;
		right:0;
	}
	.mobilenav img.logo{
		width:163px;
		margin:33px 0px 21px 26px;
	}
	.mobilenav .menutrigger{
		cursor:pointer;
		color:#009590;
		position: absolute;
		top:52px;
		right:30px;
		font-size:30px;
	}
	.mobilenav .nav-container{
		background:white;
		position:absolute;
		z-index:20;
		top:99px;
		left:0;
		width:100%;
		max-height:0;
		overflow: hidden;
		-webkit-transition: max-height .2s;
		-moz-transition: max-height .2s;
		-ms-transition: max-height .2s;
		-o-transition: max-height .2s;
		transition: max-height .2s;
	}
	.mobilenav .nav-container.active{
		max-height:1800px;
		overflow: auto;
		box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.4);
	}
	.mobilenav ul{
		padding:0;
	}
	.mobilenav li{
		font:normal 17px Univers, Arial;
		position: relative;
	}
	.mobilenav li i{
		position: absolute;
		right:30px;
		top:12px;
		font-weight: lighter;
		font-size:40px;
	}
	.mobilenav ul, .mobilenav ul li{
		margin-bottom: 0;
		list-style: none;
		display: block;
		height:100%;
	}
	.mobilenav ul.tier-1 li a{
		font:normal 17px Univers, Arial;
		display: block;
		padding:22px 30px;
	}

	.mobilenav ul.tier-1 li a{
		color:white;
	}

	.mobilenav ul.tier-1 li, .mobilenav ul.tier-1 li:hover:active, .mobilenav ul.tier-1 li:active{
		border-top:1px solid #077e7a;
		border-bottom:1px solid #077e7a;
		background:#158581;
		color:white;
	}
	
	.mobilenav ul.tier-1 li.drop.active{
		border-bottom: 1px solid #d5d5d5;
	}
	.mobilenav li ul.tier-2{
		max-height:0;
		overflow: hidden;
		-webkit-transition: max-height .2s;
		-moz-transition: max-height .2s;
		-ms-transition: max-height .2s;
		-o-transition: max-height .2s;
		transition: max-height .2s;
		background:#f4f6f8;
	}
	.mobilenav li ul.tier-2 li:hover, .mobilenav li ul.tier-2 li:hover:active{
		border: 0 none;
	}
	.mobilenav li ul.tier-2.active{
		max-height:800px;
		overflow: auto;
	}
	.mobilenav li ul.tier-2 li, .mobilenav li ul.tier-2{
		color:black;
		background:#f4f6f8;
		border:0 none;
	}
	.mobilenav li ul.tier-2 li:hover{
		color:black;
		background:#f4f6f8;
	}
	.mobilenav li ul.tier-2 li a, .mobilenav li ul.tier-2 li a:hover{
		background:#f4f6f8;
		font:600 15px Univers, Arial;
		color:#009590;
		display: block;
		padding:5px 30px;
	}
	.mobilenav li ul.tier-2 li.last{
		margin-bottom:16px;
	}
	.mobilenav li ul.tier-2 li a, .mobilenav li ul.tier-2 li a:focus{
		color:#009590
	}
	.mobilenav li ul.tier-2 p.subheader{
		border-bottom:1px solid #d5d5d5;
		margin:0 30px;
		margin-bottom: 16px;
		padding-top:20px;
		padding-bottom:8px;
	}
	.mobilenav li ul.tier-2 li.section-header:last-of-type{
		margin-top:16px;
	}
	.mobilenav li ul.tier-2 li:last-child{
		margin-bottom:24px;
	}
	/* Mobile underlines on active dropdown */
	ul.tier-1 li.active a:hover{
		text-decoration: underline;
	}
	ul.tier-1 li.active:hover{
		background-color:#047b77;
		border-color:#035f5c;
	}

	/* white section */

	.mobilenav ul.tier-1 li.section2{
		background:white;
	}

	ul.tier-1 li.section2, ul.tier-1 li.section2:hover, ul.tier-1 li.section2:hover:active{
		text-transform: uppercase;
		border-color:#d5d5d5;
	}
	ul.tier-1 li.section2 a, ul.tier-1 li.section2 a:hover{
		font-size:15px;
		background:white;
		color:black;
		font-weight:600;
	}
	ul.tier-1 li.section2 a:hover, ul.tier-1 li.section2 a:hover:active{
		background:white;
	}
	ul.tier-1 li.section2 ul.tier-2 a:hover{
		background:#f4f6f8;
	}
	ul.tier-1 li a, ul.tier-1 li a:active,  ul.tier-1 li a:hover,  ul.tier-1 li a:hover:active{
		text-decoration: none;
	}
	ul.tier-1 li.section2 ul.tier-2 a{
		text-transform: none;
		letter-spacing:0;
	}
	ul.tier-1 li.section2 ul.tier-2 li:hover:active{
		border:0;
	}
	ul.tier-1 li.section2:hover:active{
		background:white;
	}
	ul.tier-1 li.section2.drop.active a{
		border-bottom:1px solid #d5d5d5;
	}
	ul.tier-1 li.section2.drop.active ul a{
		border-bottom:0;
	}
	ul.tier-1 li.section2 ul.tier-2 li:first-child{
		padding-top:16px;
	}
	ul li.section2 a, li.section2, li.section2 a:focus{
		color:black;
		font-weight:600;
		font-size:15px;
		letter-spacing:1px;
	}
	ul.tier-1 li.section2.drop i{
		color:#009590;
	}
	ul.tier-1 li.section2.search{
		position: relative;
		max-width:100%;
	}
	ul.tier-1 li.section2.search div{
		margin:0 30px;
	}
	ul.tier-1 li.section2.search input{
		margin:15px 0px 15px 0px;
		padding:10px 30px 5px 0px;
		font:600 15px Univers, Arial;
		border-radius:0;
		border:0;
		display: block;
		border:none;
		border-bottom:1px solid #d5d5d5;
		max-width: 100%;
		background: white;
		color: black;
		font-size: 15px;
	}
	ul.tier-1 li.section2.search input:focus{
		border-bottom:1px solid black;
	}
	ul.tier-1 li.section2.search button{
		z-index:0;
		border:0;
		height:30px;
		width:30px;
		background:none;
		position: absolute;
		right:30px;
		top:15px;
	}
	ul.tier-1 li.section2.search button:after{
		font-family:'FontAwesome';
		font-weight: 300;
		content:'\f002';
		z-index:4;
		pointer-events:none;
		top:18px;
		font-size:22px;
		color:#009590;
	}
	
	li.section2.search input::-webkit-input-placeholder {
		color:black;
		font-weight:600;
		font-size:15px;
		letter-spacing:1px;
	}
	li.section2.search input:focus::-webkit-input-placeholder {
		color:#d5d5d5;
	}
	li.section2.search input:-moz-placeholder { /* older Firefox*/
		color:black;
		font-weight:600;
		font-size:15px;
		letter-spacing:1px;
	}
	li.section2.search input:focus:-moz-placeholder { /* older Firefox*/
		color:#d5d5d5;
	}
	li.section2.search input::-moz-placeholder { /* Firefox 19+ */ 
		color:black;
		font-weight:600;
		font-size:15px;
		letter-spacing:1px;
	}
	li.section2.search input:focus::-moz-placeholder { /* Firefox 19+ */ 
		color:#d5d5d5;
	} 
	li.section2.search input:-ms-input-placeholder { 
		color:black;
		font-weight:600;
		font-size:15px;
		letter-spacing:1px;
	}
	li.section2.search input:focus:-ms-input-placeholder { 
		color:#d5d5d5;
	}
	.mobilenav ul.tier-1 li.section3{
		background:#f4f6f8;
		border-top:1px solid #dedede;
		border-bottom:1px solid #dedede;
	}
	.mobilenav ul.tier-1 li.section3:hover:active{
		border-color:inherit;
	}
	.mobilenav ul.tier-1 li.section3 a, .mobilenav ul.tier-1 li.section3 a:hover, .mobilenav ul.tier-1 li.section3 a, .mobilenav ul.tier-1 li.section3 a:focus{
		color:#60717a;
		font-weight:300;
	}
	.mobilenav ul.tier-1 li.section3 ul.tier-2 li:first-child{
		margin-top:16px;
	}
	.mobilenav ul.tier-1 li.section3 ul.tier-2 li:last-child{
		margin-bottom:32px;
	}
}


/****Global forms****/

.divider-line {height: 1px; background-color: #d6dbdf; width: 100%; margin-bottom: 35px; margin-top: 35px; clear: both;}
.divider-line.adjustmargin {margin-bottom: 30px; margin-top: 20px; }
.divider-line.smallMargin {margin-top: 0; margin-bottom: 2px;}
.divider-line.noMargin {margin: 0;}
.formMainArea {
    font-family: Univers, Arial;
    font-size: 14px;
    color: #2a2a2a;
}

.form-row {
	width: 100%;
	max-width: 370px;
	position: relative;
	height: auto;
	margin-bottom: 18px;
	clear: both;
}

.reminder-disclaimer .form-error-message, .reminder-disclaimer .form-error-message span {display: inline-block;} 
.form-error-message {left: 0; right: auto; bottom: 0; display: inline-block; padding-top: 4px; z-index: -2; color: #d96265; font-size: 13px;     position: absolute;}
.ends-form .form-error-message {bottom: auto; top: 0;}
.has-error .form-error-message {position: relative; z-index: 1;}
.has-error .form-error-message:nth-child(2) {right: auto; left: 0; bottom: 0;}

.form-label {display: block; float: none; width: auto; margin-top: 0; margin-bottom: 6px; font-size: 16px; font-weight: 600; line-height: 20px; color: #7f8084;}

.form-label span, .required {color: #d96265;}
.required {margin-bottom: 16px;}

.has-error input,.has-error .form-textbox {border-color: #d96265;}

input, .form-textbox {
	font-family:myriad-pro;
	border: 1px solid #d6dbdf; border-radius: 4px; padding: 10px 15px; font-size: 15px;
	width: 100%;
	height: auto;
}

input:focus, .form-textbox:focus {
	outline: none;
	border-color: rgba(124, 154, 191, 0.3);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(124, 154, 191, 0.3);
	-moz-box-shadow:    0px 2px 2px 0px rgba(124, 154, 191, 0.3);
	box-shadow:         0px 2px 2px 0px rgba(124, 154, 191, 0.3);
}

input[type=checkbox], input[type=radio] {border: 0 none; box-shadow: none;}

.checkboxes input[type=checkbox], .radiobtns input[type=radio] {position: absolute; visibility: hidden; z-index: -10; left: -20000000000px; top:0;}

.checkboxes label p, .radiobtns label span {background: url(/img/forms/is-unchecked.png) no-repeat left center;}


.radiobtns input[type="radio"]:checked + span, .checkboxes .isChecked p {background: url(/img/forms/is-checked.png) no-repeat left center;}

.disclaimerCB-text, .radiobtns label span, .disclaimerCB-text-newsletter {padding-left: 30px;}
.radiobtns label span {line-height: 22px; display: inline-block;}

.form-full, #disclaimerCV {position: relative;}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    background-image: url("../img/forms/datepickerImage.png") !important;
    background-position: center!important;
}

.ends ul li {margin-top: 18px;}

#endsAfterOccurrences, #endsOnDate {
  width: 150px;
}
#endsAfterOccurrences {
	margin-left: 15px;
    margin-right: 15px;
}

#endsOnDate {
	margin-left: 25px;
}

.reminder-buttons-row {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  margin-bottom: 60px;
  clear: both;
}

.reminder-buttons-row .submit-button input {width: 150px;}

#disclaimerCheckBox {
  float: left;
  height: 18px;
  width: 20px;
}
.reminder-disclaimer {
  float: left;
  height: auto;
  max-width: 490px;
  margin-top: 10px;
}
.reminder-disclaimer .form-right {
  width: auto;
  max-width: 490px;
}
.reminder-disclaimer span {
  display: block;
  margin-bottom: 4px;
}
.disclaimerCB-text {
  margin-top: 3px;
  margin-left: 0;
}
.disclaimerCB-text-newsletter {
  margin-left: 0;
}

.disclaimerCB-text-newsletter span {display: inline; color: #d96265;}

/***Start of Homepage Header****/

main {max-width: 100%;}
.headers .width820,.headers .width480 {margin: 0;}
@media (max-width: 600px) {
	.headers .width480 {max-width: 100%;} 
}
.home-page .home-header {position: relative; width: 100%; height: auto; margin-bottom: 60px;}
.home-page .home-header .setbg {width: 100%; height: 600px;  max-height: 500px; background-color: #D6E1E7; background-size: cover;}
.yesMobile .home-page .home-header .setbg {width: 100%; height: 500px!important; background: url(/img/home/homepage_hero_img_desktop.jpg) no-repeat right top; background-size: cover;}
.home-page .home-header .content {position: relative; top:40px;}
.home-page .home-header .inner-content {max-width: 480px;}
.home-page .home-header .inner-content h1, .home-page .home-header .inner-content h4 {margin-bottom: 10px;}
.home-page .home-header .inner-content h2 {margin-bottom: 30px;}
.home-page .home-header .content  .products-img {position: absolute; top: 232px; right: 343px;}
.home-page .home-header .content .products-img img {max-width: 320px; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;}
.yesMobile  .home-page .home-header .background-video {display: none;}
.home-page .home-header .background-video{position: absolute; top:0; left: 0; width: 100%; height: 100%;  max-height: 500px; min-height: 382px; overflow:hidden;}
.home-page .home-header .background-video #video1 {position:relative; height: auto; -webkit-transition: height 0.8s linear; transition: height 0.8s linear; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);}

/***Start of Homepage Callouts****/

.tableEl {display: table; width: 100%; height: 100%; float: none;}
.table-cell {display: table-cell; height: auto; vertical-align: middle; float: none;  width: auto;}
.home-page .callouts .callout {border-bottom: 1px solid #d5d5d5;}
.home-page .callouts .callout h3 {color: #009590; margin-bottom: 10px; line-height: 1em;}
.home-page .callouts .callout h4 {margin-bottom: 10px; line-height: 1em;}
.home-page .callouts .callout .withIcon {position: relative; margin-bottom: 0; max-width: 250px; margin-left: auto; margin-right: auto;}
.home-page .callouts .callout .withIcon.mailIcon {max-width: 265px;}
.home-page .callouts .callout .withIcon p {position: relative; padding-left: 30px; padding-top: 1px; padding-bottom: 1px; font-size: 15px; line-height: 1.7em; preserveAspectRatio="none slice"}
.home-page .callouts .callout .withIcon p:before {content: ""; display: inline-block; width: 21px; height: 35px;  background: url(/img/home/icons/Phone.svg) no-repeat left center; background-size: contain; position: absolute; top:9px; left:0;}
.home-page .callouts .callout .withIcon.mailIcon p {padding-left: 40px;}
.home-page .callouts .callout .withIcon.mailIcon p:before {background: url(/img/home/icons/Envelope.svg) no-repeat left center; background-size: contain;   width: 35px; height:28px; top:21%;}
.home-page .callouts .callout .withIcon.pinIcon p:before {background: url(/img/home/icons/Drop_pin.svg) no-repeat left center; background-size: contain;}

.zip-form .form-textbox {border: 1px solid #d6dbdf; border-radius: 4px; padding: 10px 15px; font-size: 15px; height: auto; width: 100%;}

/***Start of Homepage Features****/

.home-page .features .subtitle {color: #6f6f70; border-bottom: 1px solid #d5d5d5; margin-bottom: 30px; padding-bottom: 20px;}
.home-page .features a {font-size: 15px;}
.home-page .features .item {position: relative; margin-bottom: 30px;}
.home-page .features .item img {max-width: 100%; width: 100%; height: auto; display: block; margin: 0 auto;}
.home-page .features  .feature-articles {padding-right: 30px;}
.home-page .features  .feature-articles .item .content {border-bottom: 1px solid #d5d5d5;}
.home-page .features  .feature-articles .item .borderBottom {border-bottom: 6px solid #8d3d97; display: block;}
.home-page .features  .feature-articles .item .borderBottom.greencolor {border-color: #009794;}
.home-page .features  .feature-articles .item .borderBottom.yellowcolor {border-color: #ffc715;}
.home-page .features  .feature-articles .item .borderBottom.redcolor {border-color: #ef4d33;}
.home-page .features  .feature-articles .item .text-box {padding: 20px; position: relative;}
.home-page .features .feature-articles .item .text-box h3 {margin-top: 10px;}
.home-page .features  .feature-articles .item .text-box p {padding-bottom: 20px;}
.home-page .features  .feature-articles .item .text-box .readmore {position: absolute; right: 20px; bottom: 15px;}
.home-page .features  .feature-articles .item .text-box .readmore a {display: inline-block;}
.home-page .features .carousel-indicators {display: none;}

/***Start of Homepage Features Sidebar****/

.home-page .features .sidebar {padding-left: 30px;}
.home-page .features .sidebar .blocks .col-xs-12 .block {margin-bottom: 38px;}
.home-page .features .sidebar .blocks .col-xs-12:last-child .block{margin-bottom: 0;}
.home-page .features .sidebar .block a {display: block; margin-bottom: 18px;}


.headers .setbg.large {height: 300px;}
.headers .setbg.extralarge {height: 330px;}
.headers .setbg, .headers .setbg.small {height: 230px;} 

/****Vet Finder Page****/

.vet-finder-page .form-row {max-width: 100%;}
.vetfinder-header .submit-button {border: 0 none; margin: 0; background: none; position: relative;}
.vetfinder-header .submit-button label i {position: absolute; top: 29%; color: #fff; font-weight: 600; text-shadow: 0px 1px 2px rgba(0,0,0,0.2); font-size: 14px; width: 44px;
    left: 0; cursor: pointer;}
.vetfinder-header .setbg {width: 100%;  background: url(/img/vet-finder/vetfinder-lead.jpg) no-repeat right top; background-size: cover;}
.vetfinder-header .setbg .content {margin-top: 15px;}
.vetfinder-header .setbg .content h1 {margin-bottom: 10px; margin-top: 10px;}
.vetfinder-header .form-zip {height: auto; margin-top: 10px;}
.vetfinder-header .form-zip input {border: 1px solid #d6dbdf; border-radius: 4px; padding: 10px 15px; font-size: 15px; height: 41px; width: 100%; line-height: 1em;}
.firefox .vet-finder-page .form-zip {top: -21px!important;}
.vet-finder-page .submit-button input {width: 44px;}
.firefox .vet-finder-page .milesSelector {background: none!important;}
.vet-finder-page .font24 {color: #8c8d90; font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #d6dbdf; margin-bottom: 30px;}
.vet-finder-page .resultsLoaded .font24 {margin-bottom: 60px;}
.vet-finder-page .emptySearchText {width: 70%; float: left;}


/****Reminders Page****/

.form-page.reminders-page {margin: 0;}
.reminders-header .setbg {width: 100%;  background: #f7f7f7 url(/img/reminders/reminders-lead.jpg) no-repeat center top; }
.reminders-header .inner-content {position: relative; top: 20px;}
.reminder-buttons-row .submit-button {border: 0 none; margin: 0; background: none; position: relative;}

.content-boxes  > div img {max-width: 100%; height: auto; }
.reminders-page .content-boxes .app-btns,.reminders-page .content-boxes .create-btn {padding-top: 6px; padding-bottom: 24px;}
.reminders-page .content-boxes .create-btn .btnGreen {text-transform: capitalize;}
.reminders-page .content-boxes .app-btns a:last-child {margin-left: 18px;}
.content-boxes .box1 {position: relative;}
.reminders-page .content-boxes .box1:after {content: ""; width: 96%; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background-color: #d6dbdf;}
.form-row.reminder-disclaimer {max-width: 650px;}
.reminder-disclaimer {margin-top: 0;}
main.reminder-form form#reminder .selectpicker {
  width: 400px;
  height: 40px;
  width: 350px;
  border: 1px solid #CCCCCC;
  height: 37px;
  padding: 3px;
}


/****Newsletter Page ****/

select::-ms-expand {
  display: none;
}
.selectpicker.appearance-normal {
  -moz-appearance: button;
  -ms-appearance: button;
}

.selectpicker {
  background: url(../img/newsletter-form/greyPullDownArrow.png) no-repeat 96%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  /*appearance: none; */
  text-overflow: '';
  overflow: hidden;
}

.selectpicker {
  overflow: hidden;
  background-color: transparent;
  background: url(../img/newsletter-form/greyPullDownArrow.png) no-repeat 96%;
  background-color: #fff;
  text-indent: 0.01px;
  text-overflow: '';
  /*appearance:none;*/
  -moz-appearance: none;
  -webkit-appearance: none;
}
main.newsletter-form form#newsletter .btnNewsletter {
  font-family: "Myriad Pro Bold", Helvetica, Arial, sans-serif;
  line-height: 18px;
  padding: 6px 30px 6px 30px;
  font-size: 18px;
  background-color: #009999;
  color: #fff;
  border: 0;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  float: right;
  margin-right: 8px;
}


.newsletter-header .setbg {width: 100%; background: url(/img/newsletter-form/newsletter-lead.jpg) no-repeat left top; background-size: cover; position: relative;}
.newsletter-header .setbg .inner-content {position: relative; margin-top: 8%;}
.content-boxes ul {padding-left: 18px;}
.content-boxes ul li {margin-bottom: 6px;}


/**** Health and Wellness Page ****/

.health-wellness-header .setbg {width: 100%; background: url(/img/health-wellness/health-and-wellness-lead.jpg) no-repeat 25% top; background-size: cover;}
.health-wellness-header .container, .health-wellness-header .row {height: 100%;}
.health-wellness-header .inner-content h1 {margin-top: 0;}
.health-wellness-page .content-boxes .box {margin-bottom: 30px;}
.health-wellness-page .content-boxes .box img {display: block;  margin: 0 auto;}
.health-wellness-page .content-boxes .box p {margin-top: 15px; margin-bottom: 0;}


/**** Topics Landings Pages etc: Basic Pet Care Page ****/

.headers.topics-header .setbg {height: 230px;}
.headers.topics-header .setbg.large {height: 300px;}
.headers.topics-header .setbg.extralarge {height: 340px;}

.headers .setbg .bg-overlay {position: absolute; width:100%; height: inherit; left: 0; top: 0; background-color:rgba(84,84,84,0.5);}
.headers .setbg {position: relative;}
.topics-header .setbg .container, .topics-header .setbg .container .row {height: 100%;}
.topics-header .setbg .container .content {max-width: 700px; margin: 0 auto;}
.topics-header .setbg .container .content h3 {margin-top: 0; position: relative;}
.topics-header .setbg .container .content h3:after {content: ""; display: block; width: 12%; height: 3px; background-color: #009590; margin: 12px auto;}

/*Banners for each topic landing page */
.basic-pet-care-topic .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/basic_care.jpg) no-repeat center top; background-size: cover;}
.fleas-ticks-topic .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/fleas_ticks.jpg) no-repeat center top; background-size: cover;}
.new-pet-owner .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/new_pet_owner.jpg) no-repeat center top; background-size: cover;}
.pet-nutrition .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/nutrition.jpg) no-repeat center top; background-size: cover;}
.seasonal-tips .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/seasonal_tips.jpg) no-repeat center top; background-size: cover;}
.prevent-lost-pets .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/preventing_lost_pets.jpg) no-repeat center top; background-size: cover;}
.heartworms .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/heartworms.jpg) no-repeat center top; background-size: cover;}
.pet-diabetes .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/save_diabetes.jpg) no-repeat center top; background-size: cover;}
.other_infections .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/other_infections.jpg) no-repeat center top; background-size: cover;}
.pet-diseases .topics-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/diseases_you_can_catch.jpg) no-repeat center top; background-size: cover;}


/*End of Banners for each topic landing page */

.topic-landing-page .divider-line.adjustmargin {margin-top: 15px; margin-bottom: 40px;}

.topic-landing-page .thumbnail {padding:0 ; margin:0; border: 0 none; border-radius: 0; max-width: 100%; width: 100%; height: auto;     position: relative; top: 4px;}
.topic-landing-page .row .thumb-text h3, .topic-landing-page .row a .thumb-text h3 {color: #2a2a2a; margin-top: 0; margin-bottom: 2px; text-transform: none;}
.topic-landing-page .row a .thumb-text p {color: #2a2a2a; margin-bottom: 0;}
.topic-landing-page .row a .thumb-text p .callout {display: block; color: #009590; text-transform: uppercase; font-weight: 600; margin-top: 5px;}
.topic-landing-page .row a .thumb-text p .callout:hover {text-decoration: underline;}

.topic-landing-page .row .vetfinder {background: #f5f5f5; border: 1px solid #d5d5d5;}
.topic-landing-page .row .vetfinder .content {padding: 20px 18px 25px 18px;}
.topic-landing-page .row .vetfinder .content h3 {margin-top: 0; color: #5e799b;}
.topic-landing-page .row .vetfinder .content p {margin-bottom: 15px; line-height: 1.4em;}
.topic-landing-page .row .vetfinder .content .setWidth {max-width: 320px; width: auto; margin: 0 auto;}
.topic-landing-page .row .vetfinder .content h3 span{display: block; text-transform: none;}
.topic-landing-page .row .vetfinder .content h3 .inner-image{display: inline-block;}
.topic-landing-page .row .vetfinder .content h3 .inner-image img{width:80px; background:#f5f5f5; padding-left: 10px; top:7px;}

@media screen and (min-width:768px) {
	.topic-landing-page .row .vetfinder {
		max-width: 320px; 
		margin-left: auto;
    margin-right: 0;
	}
}

/*******Card adjustment - Fleas and Ticks Page******/

.adjustCard20-30{ margin-bottom: 20px; }
@media screen and (max-width:768px){
	.adjustCard20-30{ margin-bottom: 30px; }

}

/**** Article Pages  ****/

.ligthGreyColor {color: #828386;}
.article-page .body-copy .topic-name, .greencolor {color: #009590;}
.article-page .body-copy .topic-name {margin-top: 0;}
.article-page .body-copy h1, .article-page .body-copy h2, .article-page .body-copy h3, .article-page .body-copy h4, .article-page .body-copy h5, .article-page .body-copy h6 {margin-bottom: 15px;}
.article-page .body-copy p {line-height: 1.5em; margin-bottom: 20px;}
.article-page .body-copy .sharethis-div p {margin-bottom: 10px; color: #009590; font-weight: 600;}
.article-page .body-copy ul, .article-page .body-copy ol {padding-left: 20px;}
.article-page .body-copy li {line-height: 1.2em; margin-bottom: 20px;}
.article-page .body-copy .inline-image {float: left; position: relative; padding-right: 20px; padding-bottom: 20px; padding-top: 6px; max-width: 100%; height: auto;}
.article-page .body-copy .inline-image.rightside {padding-right: 0; padding-left: 20px; clear: left; float: right;}
.article-page .body-copy .inline-image:after {content:""; display: table; clear: both;}
.article-page .body-copy .inline-image.no-wrap {display: inline-block;}
.article-page .body-copy .app-logos {display:block;margin-right: 0;margin-left: auto;}
.article-page .body-copy .editColumns .col-xs-9 {width:80%;}
.article-page .body-copy .editColumns .col-xs-3 {width:20%;}
.article-page .caption-box {text-align: center; margin-bottom: 20px;}
.article-page .caption-box div {height: 150px;}
.article-page .article-references {padding-bottom: 10px;}
.article-references p, .article-page .body-copy .article-references p, .article-references li {font-size: 13px; color: #828386; margin-bottom: 10px !important;}
.fb-comments-wrapper iframe {width: 100%;}
.article-page .sidebar .block {margin-bottom: 30px;}
.article-page .sidebar .block.related-articles h3 {margin-top: 0;  border-bottom: 1px solid #d5d5d5; margin-bottom: 18px; padding-bottom: 16px;}
.article-page .sidebar .block.related-articles a {display: block; margin-bottom: 18px;}
.article-page .sidebar .block.related-articles a:last-child {margin-bottom: 0;}
.article-page .sidebar img {max-width: 100%; height: auto;}

.article-page .sidebar .vetfinder {background: #f5f5f5; border: 1px solid #d5d5d5;}
.article-page .sidebar .vetfinder .content {padding: 20px 18px 25px 18px;}
.article-page .sidebar .vetfinder .content h3 {margin-top: 0; color: #5e799b;}
.article-page .sidebar .vetfinder .content p {margin-bottom: 15px; line-height: 1.4em;}
.article-page .sidebar .vetfinder .content .setWidth {max-width: 320px; width: auto; margin: 0 auto;}


.mypet-table table {font-size: 15px; border-right: 1px solid #f5f5f5;}
.mypet-table table thead tr th {background:#f5f6f8; border-left: 1px solid #fff; border-bottom:1px solid #fff; text-align:center; font-weight:normal; font-size:15px;}

.mypet-table table tbody tr td.last {border-right: 0 none; width: 89px;}
.mypet-table table tbody tr td.first {background:#f0edf6; border-bottom:1px solid #fff; text-align:left;  width: 202px; font-size:12px;}
.mypet-table table tbody tr td.first strong {font-size:15px;}
.mypet-table table tbody tr td {border-right: 1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;text-align:center;  width: 53px; vertical-align:middle;}
.mypet-table table tbody tr td.smaller-text {font-size:13px;}
.mypet-table table tbody tr td.greencolor {font-size:20px;}
.mypet-table table tbody tr td .redcolor {color:#e00e0d;font-size:20px;}}

.basic-table table {border-left: 1px solid #f5f5f5;}
.mypet-table.basic-table table tbody tr td.last,.mypet-table.basic-table table tbody tr td.first,.mypet-table.basic-table table tbody tr td, .basic-table.table-3col table thead tr th {text-align: center; font-size:14px;}

.mypet-table.table-3col table tbody tr td.last,.mypet-table.table-3col table tbody tr td.first,.mypet-table.table-3col table tbody tr td, .mypet-table.table-3col table thead tr th {width:33.3333%;}

.mypet-table.basic-table table thead tr th {background:#f0edf6;}
.mypet-table.basic-table table tbody tr td.last,.mypet-table.basic-table table tbody tr td.first,.mypet-table.basic-table table tbody tr td {background:#fff;border-bottom:1px solid #f5f5f5;}

.mypet-table table thead tr th.fullwidth {width:100%;}
.mypet-table.table-2col table tbody tr td.last,.mypet-table.table-2col table tbody tr td.first,.mypet-table.table-2col table tbody tr td {
	width:50%;
}

.temps-table .first-tbl {border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.temps-table table tr .second-tbl {border: 0 none;}
.temps-table table tr .third-tbl {background: #f5f6f8;    border: 0 none;}
.temps-table table tr .third-tbl tr td {border-bottom: 0 none;}

.temps-table table tr .noBorder {border:0 none;}
.temps-table table tr .noPadding {padding:0; border-right:0 none;}
.temps-table table tr .addPadding {padding: 16px 8px 8px 8px;}
.temps-table table tr .addBottomPadding td{padding-bottom: 14px;}
.temps-table table tr td {text-align:center; vertical-align:middle; font-weight:bold; border-right:1px solid #ddd;}
.temps-table table tr .first {width:195px; background: #f0edf6;  min-width: 195px; max-width: 195px;}
.temps-table table tr .last {border-right: 0 none;}
.temps-table table tr .elapsed-title{ background: #f0edf6; width: 194px;  min-width: 194px;}
.temps-table table tr .empty {height:40px;}

.dropdown-wrapper .noPadding {padding: 0!important;}
.dropdown-wrapper .greenBg {background-color:#4abd96;}
.dropdown-wrapper .redBg {background-color:#ed706e;}
.dropdown-wrapper .header-table {min-height:116px;}
.dropdown-wrapper .header-table h2 {color:#fff;font: 600 30px Univers, Arial;line-height: 1em;}
.dropdown-wrapper .header-table p {color:#fff; padding:0 10px;}
.dropdown-wrapper .tab-box {background-color: #f0f6f5;}
.dropdown-wrapper .tab-caption .btn, .mobitab-header .btn {color: #333; border-radius:0; font-weight: 700;}
.dropdown-wrapper .tab-caption .btn span, .mobitab-header .btn span {color: #333; text-shadow:none;}
.dropdown-wrapper .tab-content .tab-header {border-bottom:1px solid #8a9090;}
.dropdown-wrapper .tab-content .tab-list {margin-top:20px;}
.dropdown-wrapper .tab-content.first-tab {border-left:0 none;}
.dropdown-wrapper .tab-content > .tab-list {padding: 0 15px;}
.article-page .body-copy .dropdown-wrapper h3 {text-transform:none; margin: 0; padding:15px 5px;}
.dropdown-wrapper .odd {background-color:#e8f0f3;}
.dropdown-wrapper .even {background-color:#f4f8fb;}

.article-page .body-copy .dropdown-wrapper .dropdown  ul {
	width:100%;
}

.article-page .body-copy .dropdown-wrapper .dropdown  ul li {
	margin-bottom:0;
}

@media (min-width:992px) {
	.dropdown-wrapper .header-table p {width:65%; margin-left:auto; margin-right:auto;}
	.dropdown-wrapper .tab-content {border-left:1px solid #8a9090;}
	.dropdown-wrapper .tab-content .tab-header {display: table; width:100%; height: auto; position: relative;}
	.dropdown-wrapper .tab-content .tab-header h3 {display: table-cell; height: 100%; vertical-align:middle;}
}

@media (max-width:991px) {
	.dropdown-wrapper .tab-content .long-list ul {float:left; width:45%; margin: 0 2%;}
	.dropdown-wrapper .tab-content.active {display: block;}
	.dropdown-wrapper .tab-content {display: none; height:auto!important;}
}

/* Article ads  */


.article-page .sidebar .ad-blocks .av .text-bg {background: #30a062; padding: 12px 16px; position: relative;}
.fda-block{padding: 25px 16px !important;}
.fda-p{margin-bottom: 10px!important;}

.article-page .sidebar .ad-blocks .av.bravecto-av .text-bg {background: #4f2c7f;
background: -moz-linear-gradient(top,  #4f2c7f 0%, #992860 47%, #e61a38 100%);
background: -webkit-linear-gradient(top,  #4f2c7f 0%,#992860 47%,#e61a38 100%);
background: linear-gradient(to bottom,  #4f2c7f 0%,#992860 47%,#e61a38 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f2c7f', endColorstr='#e61a38',GradientType=0 );
}
.article-page .sidebar .ad-blocks .av.tri-heart-av .text-bg {background: #b40639;}
.article-page .sidebar .ad-blocks .av.vetsulin-av .text-bg {background: #005f9f;}
.article-page .sidebar .ad-blocks .av.activyl-av .text-bg {background: #30a062;}
.article-page .sidebar .ad-blocks .av.homeagain-av .text-bg {background: #01417b;}
.article-page .sidebar .ad-blocks .av.scalibor-av .text-bg {background: #fcaf17;}
.article-page .sidebar .ad-blocks .av.nobivac-av .text-bg {background: #f56a03;}
.article-page .sidebar .ad-blocks .av.posatex-av .text-bg {background: #1fc2de;}
.article-page .sidebar .ad-blocks .av.posatex-av {border: 1px solid #1fc2de;}
.article-page .sidebar .ad-blocks .av.momentamax-av .text-bg {background: #00aeef;}

.article-page .sidebar .ad-blocks .av a {color:#fff;}
.article-page .sidebar .ad-blocks .av a:hover {text-decoration: none;}
.article-page .sidebar .ad-blocks .av a .learnmore:hover {text-decoration: underline;} 
.article-page .sidebar .ad-blocks .av.scalibor-av a {color: #000;}
.article-page .sidebar .ad-blocks .av img {display: block; border: 0 none;}
.article-page .sidebar .ad-blocks .av .text-bg p {font-size: 15px; margin-bottom: 5px;}
.article-page .sidebar .ad-blocks .av .text-bg .small {font-size: 13px; padding-bottom: 5px;}
.article-page .sidebar .ad-blocks .av .text-bg .learnmore {text-align: right; font-size: 14px;}
/* Grey callout boxes */
.gray_callout_box {
    position: relative;
    border: solid 1px #bccddf;
    border-radius: 8px;
    min-height: 20px;
    float: left;
    margin-bottom: 30px;
    width: 260px;
    margin-left: 32px;
    padding: 10px 10px 10px 35px;
}


.gray_callout_box a {color: #428bca}
.gray_callout_title {font-size: 15px; color: #7b9cc1;}
.gray_callout_box img {position: absolute;left: -34px;bottom: -3px;}

@media screen and (min-width: 992px) {
	.article-page .sidebar .ad-blocks .av .text-bg p {white-space: pre-line;}
}
 
/**Fleas Facts Page**/

.references-container {max-width: 1140px; width:auto; margin: 40px auto 30px auto; padding-left: 20px; padding-right: 20px;}
.references-container p {font-size: 13px; line-height: 1.4em; color: #232323; position: relative;}
.references-container .ref-title:after {content: ""; height: 1px; width: 98%; display: block; border-bottom: 1px solid #d6dbdf; margin-top: 10px;}
.flea-facts-page .setbg .container, .flea-facts-page .setbg .row {height:100%;}
.flea-facts-page .article-header .setbg {width: 100%; background: url(/img/topic-landing/topic-banner/fleas_ticks.jpg) no-repeat center top; background-size: cover;}
.flea-facts-page .section-title {font-size: 28px; font-weight: 400;}
.flea-facts-page .body-copy p, .flea-facts-page .body-copy li {font-size: 16px; line-height: 24px;}
.flea-facts-page .body-copy .fleaHolder p {margin-bottom: 12px;}
.flea-facts-page .body-copy .section, .flea-facts-page .body-copy .section  .eqHeight {position: relative;}
.flea-facts-page .body-copy .section  .eqHeight .text-box {position: absolute; right: 0; bottom: 0; max-width: 352px; width: auto; padding: 0 20px 10px 20px; background:#f2f3f4;}
.flea-facts-page .body-copy .section  .eqHeight p:last-child {margin-bottom: 0;}
.flea-facts-page .body-copy .section  .eqHeight .text-box .section-title{color: #724c9f; margin-bottom: 10px;}
.flea-facts-page .body-copy .section  .eqHeight .text-box p { margin-bottom: 10px; font-size: 13px; font-weight: 600;}
.flea-facts-page .body-copy .section .bg-dog {background: url(../img/fleas-ticks-worms/dog-sitting.png) left bottom no-repeat;}
.flea-facts-page .body-copy .section .img-responsive {margin: 0 auto;}
.flea-facts-page .section .paddingRight50 {padding-right: 50px;}
.flea-facts-page .section .paddingLeft50 {padding-left: 50px;}

/***** Flea Count Slider *****/
.fleaHolder {
  width: auto;
  height: auto;
  overflow: visible;
}
.flea-counter {
  width: 440px;
  height: 150px;
  background: url(../img/fleas-ticks-worms/growth-chart/0_Flea_Growth_Chart.png) left center no-repeat;
  margin-left: 0;
}
#slider {
  width: 300px;
  /*height: 24px;
  background: url(../img/fleas-ticks-worms/sliderBkg.png) left center no-repeat;*/
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  position: relative;
  top: 18px;
  background: #f5f5f5;
  border: 1px solid #CCC;
  height: 6px;
  position: relative;
}

#slider span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #069f4b;
	 height: 4px;
	 width: 0;
	border-radius: 4px;
	transition: width 0.1s linear;
}

#slider .ui-slider-handle {
	transition: left 0.1s linear;
	background: #fdfdfd;
	border: 1px solid #CCC;
	border-radius: 50%;
	width:36px; 
	height: 36px;
	top: -16px;
}

#slider .ui-slider-handle:hover,#slider .ui-state-active {
	background: #069f4b;
}

#amount, #amount:focus {
  max-width: 84px;
  border: 0;
  margin-right: -20px;
  font: bold 16px Univers, Arial;
   text-transform: uppercase;
   color: #069f4b;
   padding: 10px 0 0 0;
   box-shadow: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: green;
  background: url(../img/fleas-ticks-worms/slide_bar_active_step_circle.png) left center no-repeat;
  background-size: 200%;
  height: 30px;
  width: 30px;
  border: 0;
}
.amountHead, .amountHead2 {
  color: #069f4b;
  margin-top: 0;
}
.amountHead2 {
  margin-left: 40px;
}
#fleaCopy {
  width: 100%;
  text-align: center;
}

.fleaBottom {
  width: 421px;
  height: 45px;
  margin: 4px auto 20px auto;
  color: #069f4b;
}

.flea-slide {position: relative; min-height: 60px; margin-top: 15px;}

.day0, .day50 {
	font-weight: 600;
	font-size: 16px;
	text-align: center;
}
.day0 {
  float: left;
  cursor: pointer;
}
.day50 {
  float: right;
  cursor: pointer;
}
.day0 span, .day50 span {
  font-size: 16px;
  display: block;
}

.flea-counter-container {
  background: #fff;
  margin-bottom: 24px;
  text-align: center;
  padding: 24px;
}
.flea-counter-container h3 {
  color: #069f4b
}
.flea-amount {
  color: #000;
}
.flea-image {
  text-align: left;
  padding: 0 24px;
}
.flea-image img {
  max-width: 100%;
}
#flea-slider {
  position: relative;
}
#flea-slider .bar-step-left, #flea-slider .bar-step-right {
  width: 75px;
}
#flea-slider .bar-step-right .label {
  right: 24px;
}
.slider-container {
  background: url(../img/fleas-ticks-worms/slide_bar_tile.png) repeat-x;
  width: 80%;
  height: 64px;
  margin: 0 auto;
  clear: both;
}
.ui-slider-handle {
  background: url(../img/fleas-ticks-worms/sprite.png) no-repeat;
  width: 32px;
  height: 34px;
  background-position: -155px 0;
  display: block;
  position: relative;
  top: -4px;
}
.flea-counter-container span.label span {
  font-size: 14px;
  font-weight: normal;
}
main.article-page .body-copy .flea-counter-container p {
  width: auto;
}

/***** Sliders *****/
.slider {
  padding: 56px 0 48px 0;
}
.slider h3 {
  margin-top: 0;
}
.slider span {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #069f4b;
}
.slider h5 {
  margin: 0 0 8px 0;
}
.slider p {
  margin: 0;
}
.slides > div {
  overflow: hidden;
}
.slider .slider-container {
  width: 100%;
  position: relative;
}

.bar-step-left {
  background: url(../img/fleas-ticks-worms/slide_bar_step_circle_left.png) no-repeat;
  width: 23px;
  height: 24px;
  display: block;
  position: absolute;
}
.bar-step-right {
  background: url(../img/fleas-ticks-worms/slide_bar_step_circle_right.png) no-repeat;
  width: 23px;
  height: 24px;
  display: block;
  position: absolute;
  left: 100%;
}

span.label {
  position: relative;
  top: 36px;
  font-size: 26px;
  color: #069f4b;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
}


/***** Flea Life Cycle *****/
#cycle {
  width: 100%;
  border: 1px solid #990000;
  height: 400px;
  display: block;
  position: relative;
  background: url(../img/fleas-ticks-worms/baseArt.jpg) top left no-repeat;
  background-size: contain;
  background-position: 0 0;
  float: left;
}

@media (max-width: 768px) and (max-width: 979px) {
  #cycle {
    width: 60%;
  }

}
@media (max-width: 767px) {
  #cycle {
    width: 100%;
  }

}

/***** 404 Page/500 Page *****/

.page-not-found .headers {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;}

.page-not-found .headers .setbg {width: 100%; height:230px; background: url(/img/article/lead-404.jpg) no-repeat center top; background-size: contain;} 

.page-not-found .body-copy {max-width: 580px; width: auto; height:auto; margin-left: auto; margin-right: auto;}
.page-not-found .body-copy h1 {margin-bottom: 20px;}
.page-not-found .body-copy p, .page-not-found .body-copy li {font-size: 15px; line-height: 1.5em;}
.page-not-found .body-copy ul, .page-not-found .body-copy ol {padding-left: 18px;}
.page-not-found .body-copy li {margin-bottom: 10px;}