.futurepet-desktop {
	display:none;
}

/* Nav Header */

.fp-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	z-index:2;
}

.fp-header-top {}
.fp-header-bottom {}

.fp-fb-like-mobile {
	margin: 5px auto;
}

.nav-info {
	padding: 15px 0;
	text-align: center;
}

.nav-info h4, 
.nav-info h6 { margin:0; }

.nav-shopping-cart {
	position: relative;
}

.nav-shopping-cart img {
	width:30px !important;
}

.nav-logo-mobile {
	display: block;
	height: 30px;
	width:100%;
	background: url('/images/logo.png')no-repeat center center / auto 100%;
}

.nav-logo {
	width: 300px;
	height: 80px;
	background: url('/images/logo.png')no-repeat center center / 90% auto;
	display: block;
	transition: height 0.3s ease, background 0.3s ease;
}

.nav-logo-shrink {
	display: block;
	height: 51px;
	background: url('/images/logo.png')no-repeat left center / auto 100%;
	transition: height 0.3s ease, background 0.3s ease;
}

/* Nav Search Bar  */

.nav-toggle {
	display:table;
	width:100%;
}

.toggle-divider, 
.toggle-search {
	display:table-cell;
	vertical-align:middle;
	padding: 0.75em;
}

.toggle-divider {
	width:100%;
}

.toggle-search {
	width:40px;
}

.nav-search {
	padding:0;
	height:35px;
}

#search-form {
	margin: 0 auto;
	border-radius: 1px;
}

#search-form form {
	padding: 1em 0;
	margin: 0;
	width: auto;
	display: block;
}

.nav-search-bar {
	width:auto;
}

.nav-search-inner {
	width: 100%;
	position: relative;
}

.nav-search-inner input {
	width: 100%;
}

.search-inner-go {
	width: 40px;
	border-radius: 3px;
	position: absolute;
	right: 0;
	top: 0;
	margin: 2px;
}

.search-bar {
	border-radius: 1px;	
	color:rgba(0,0,0,0.8); 
}

.search-go {
	border-left: 0 !important;
	border-radius: 1px;
	background: #FF6666;
	font-weight: bold;
	color: white;
}

.search-filter {}

@keyframes filterBounce {
		
	0% { transform:scale(0.9); }
	50% { transform:scale(1); }
	75% { transform:scale(0.9); }
	100% { transform:scale(1); }

}
	
.filter-bounce {
	animation: filterBounce 0.75s 1
}

.filter-go-on {
	color:#93CC15;
	transition:color 0.1s ease;
}

/* Nav Jewel Mobile */
	
	.jewelmobile {
		width: 100%;
		border-bottom:3px solid #ececec;
	}
	
	.jewelmobile-option { 
		padding:10px;
		text-align: center;	
		font-size:1.2rem;	
		cursor:pointer;
	}
	
	.jewelmobile-toggle { 
		font-size:1.2rem;
		text-align:center;
		cursor:pointer;
	}
	.jewelmobile-cart { 
		width: 40px; 
		position:Relative;
	}
	.jewelmobile-search-form { padding: 10px 0; }
	.jewelmobile-logo {
		width: 100%;
		height: 75px;
		background: url('/images/logoTrent.png') no-repeat center center / cover;
		margin-bottom: 10px;
	}
	
	.jewelmobile-search {
		padding: 10px 10px 10px 0;
	}
	
	.jewelmobile-wrapper {
		display: none;
		width: 80%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: white;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
		overflow-y: auto;
		overflow-x: hidden;
		z-index:2;
	}
	
	.jewelmobile-user {
		padding: 15px 10px;
	}
 
/* Nav Jewel */

.fp-search-select-container {
	display:none;
	position:absolute;
	top:100%;
	background: white;
	padding: 20px;
	z-index: 2;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.fp-search-select-container label{
	display:block;
	padding:0 0 5px;
}


.navjewel-categories {
	width: 100%;
	position: relative;
}

.navjewel-categories ul li:nth-child(odd) {
	background: rgba(28, 100, 33, 0.2);
}

.navjewel-title {
	font-weight: bold;
	display: block;
	padding: 10px;
	text-align: Center;
	background: #1c6421;
	color: white;
}
.navjewel-option {}

.navjewel-image { 
	min-width:25px;
	height: 25px; 
}

.navjewel-text {
	font-weight: 100;
	text-align: left;
	margin:0 0 0 10px;
}

.navjewel-text, 
.navjewel-image {
	display:inline-block;
	vertical-align:middle;
}


.navjewel-policy .navjewel-text, 
.navjewel-article .navjewel-text { 
	color: rgba(0,0,0,0.8);
	font-size: 14px;
	font-weight: 100;
	padding: 10px 0;
}

.navjewel-policy .navjewel-text:hover, 
.navjewel-article .navjewel-text:hover {
	color:#2C97DE;
}

.navjewel-text .fa {
	padding: 0 3px;
	font-size: 14px;
}

.navjewel-search { }

.cursor-pointer {
	cursor: pointer;
}

#search-toggle {
	cursor: pointer;
	transition: color 0.1s ease;
	text-align: center;
	margin: 0 auto;
	display: block;
	padding: 7.5px;
}

/* Jewel Images */
.jewel-dog { background: url('https://www.futurepets.com/templates/images/navjewel/dog.png') no-repeat center center / 20px auto; }
.jewel-cat{ background: url('https://www.futurepets.com/templates/images/navjewel/cat.png') no-repeat center center / 20px auto; }
.jewel-fish{ background: url('https://www.futurepets.com/templates/images/navjewel/fish.png') no-repeat center center / 25px auto; }
.jewel-bird { background:  url('https://www.futurepets.com/templates/images/navjewel/bird.png') no-repeat center center / 20px auto; }
.jewel-reptile { background:  url('https://www.futurepets.com/templates/images/navjewel/reptile.png') no-repeat center center / 25px auto; }
.jewel-small{ background:  url('https://www.futurepets.com/templates/images/navjewel/small2.png') no-repeat center center / 20px auto; }
.jewel-ferret{ background:  url('https://www.futurepets.com/templates/images/navjewel/ferret.png') no-repeat center center / 25px auto; }
.jewel-pond { background: url('https://www.futurepets.com/templates/images/navjewel/pond.png') no-repeat center center / 25px auto; }
.jewel-horse { background:  url('https://www.futurepets.com/templates/images/navjewel/horsei.png') no-repeat center center / 25px auto; }
.jewel-flea { background:  url('https://www.futurepets.com/templates/images/navjewel/flea.png') no-repeat center center / 20px auto; }

.search-filter-wrapper {
	display:none;
	top: 99%;
	position: absolute;
	left: 0;
	width: 100%;
	background: #f3f3f3;
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

/* HELP POLICIES */

.navjewel-help {
	
}

.navjewel-help li {
	
}

.navjewel-help li a {
	padding:10px;
}

/* DESKTOP MENU */

.navjewel {
	width: 100%;
	display:block;
}

.navjewel ul {
	width: auto;
	border-radius: 3px;
	overflow: hidden;
}

.navjewel ul li {
	vertical-align: middle;
	transition: background 0.1s ease;
	display: inline-block;
	text-align: left;
	float: left;
	width: 30%;
	margin: 0 5px 5px;
}

.navjewel ul li a {
	display: table;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	padding: 5px;
	transition:color 0.1s ease;
}


/* BANNER */
	
	.fp-banner {
		height:200px;
		width:100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,2989d8+100 */
		background: #8ea73c; /* Old browsers */
		background: -moz-linear-gradient(45deg, #8ea73c 0%, #2989d8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #8ea73c 0%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #8ea73c 0%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ea73c', endColorstr='#2989d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		margin:0 0 30px;
		padding:10px;
		border-radius:3px;
	}
	
	.fp-border {
		border: 6px dashed white;
		width:100%;
		max-width:800px;
		height:100%;
		display:flex;
		border-radius:3px;
	}
	
	.fp-banner-text {
		text-align:center;
		margin:0 auto;
		justify-self:center;
		align-self:center;
		padding:0 20px;
		color:white;
	}
	
	.fp-banner-text h6 {}
	
	.fp-banner-text label { font-weight: 100; }
	
	/* FEATURED ITEMS */
	
	.fp-land-container {
		display:Block;
	}

	.fp-featured-item {
	  padding:15px;
	  cursor:pointer;
	}

	.fp-ftitem-img {
		width: auto;
		max-height: 200px;
		max-width: 100%;
		height: Auto;
		margin: 0 auto;
		display: block;
	}
	.fp-ftitem-title {
	  display:block;
	  text-align:center;
	  font-weight:500;
	  cursor:pointer;
	}

	.fp-ftitem-btn {
	  text-align:center;
	  display:block;
	  padding:5px;
	  border-radius:3px;
	  font-size:0.85em;
	  color:#2C97DE;
	}
	
/* TAke us with you */

.take-us-with-you-dogwood {
	text-align:center;
}

/* Newsletter */

.future-newsletter-container {
	display: block;
	text-align: center;
	background: white;
}

.newsletter-input {
	width: 100%;
}

.newsletter-button { margin:10px 0; }

@media only screen and (min-width:768px) { 
	.future-newsletter-container {
		padding: 20px;
		background: #f3f3f3;
		border-radius: 3px;
	}
}

span#HED
{
  color: #111111;
}

/* Left Column */

.fp-divider {
	height:4px;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78381d+0,78381d+30,ffffff+50 */
	background: #78381d; /* Old browsers */
	background: -moz-linear-gradient(left,  #78381d 0%, #78381d 30%, #ffffff 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #78381d 0%,#78381d 30%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #78381d 0%,#78381d 30%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78381d', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	margin-bottom: 15px;
}

/* Policies */

	#policy-links {
		transition:top 0.5s ease;
		top:0;
		position:relative;
	}
	
	#policy-links .list-group-item {
		padding:10px;
	}

	#policy-links .list-group-item a {
		color: blue;
		font-weight: 100;
	}
	
	.policy-fix {
		position:fixed !important;
		max-width: 200px;
		top:75px !important;
		transition:top 0.5s ease;
	}

	#policies .list-group {
		margin-left: 0;
		padding-left: 0;
	}

	#policies h1 {
		margin:15px 0;
	}

	#policies ul {
		padding: 0 15px;
		list-style: inside;
		margin: 15px 0;
	}
	
	#policies ul li { 
		margin: 10px 0; 
		line-height: 21px; 
	}
	
	#policies p {
		margin:10px 0;
	}

@media screen and (max-width:767px)
{
  span#HED {
    font-size: 17px;
  }

  span#HED h5 {
    font-size: 18px;
  }
} 

span#HED li
{
  line-height: 1.5em;
}

div.container
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

table td h5
{ 
padding:10px;
font-weight:bold;
}


@media (min-width:992px and max-width:1169px)
{
  div#TopNavJewels
  {
    max-width: 910px;   /* was 720 pixels */
    margin: auto;
  }

}

@media (min-width:768px)
{
	
	.futurepet-desktop { display:block; }
	
	.futurepet-mobile { display: none !important; }
	
	.slide-fixed {
		position:fixed !important;
		width:100%;
		top:0;
		left:0;
		background:white;
		z-index: 1;
		padding:10px 0;
	}
	
	.fp-header {
		position: relative;	
	}
	.fp-header-top {}
	.fp-header-bottom { padding:5px 0; }
	
	.header-policies {
		padding:0;
		margin:0;
		list-style-type:none;
		position:relative;
	}
	
	.header-policies li ul {
		display:none;
	}
	
	.header-policies > li {
		display: block;
		padding: 0;
		margin:0;
	}
	
	.header-policies li:hover ul {
		display:block;
		position:absolute;
		background: White;
		border-radius: 3px;
		left: 0;
		margin: 0;
		top: 100%;
		width:100%;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
		z-index: 1;
	}
	
	.header-policies li:hover ul li {
		display:block;
		margin:0;
	}
	
	.header-policies li:hover ul li a {
		padding: 5px 10px;
		font-size: 0.85em;
		font-weight: bold;
		display: block;
	}
	
	div.container {
	  width: 1140px;
	}
	
	.nav-search-inner input {
		width:100%;
		min-width: 225px;
	}

	.navjewel ul {
		border: 0;
	}

	.navjewel ul li {
		margin: 0;
		transition: background 0.2s ease
	}
	
	.navjewel ul li a {
		display: block;
		width: 100%;
		padding: 0;
		text-align:Center;
	}
	
	.navjewel ul li:hover {
		transition:background 0.2 ease;
		cursor:pointer;
	}
	
	/* Jewel Background */

	/* Jewel Images */
	.jewel-dog { background: url('https://www.futurepets.com/templates/images/navjewel/dog.png') no-repeat center center / 20px auto; }

	.jewel-cat{ background: url('https://www.futurepets.com/templates/images/navjewel/cat.png') no-repeat center center / 20px auto; }

	.jewel-fish{ background: url('https://www.futurepets.com/templates/images/navjewel/fish.png') no-repeat center center / 25px auto; }

	.jewel-bird { background:  url('https://www.futurepets.com/templates/images/navjewel/bird.png') no-repeat center center / 20px auto; }

	.jewel-reptile { background:  url('https://www.futurepets.com/templates/images/navjewel/reptile.png') no-repeat center center / 25px auto; }

	.jewel-small{ background:  url('https://www.futurepets.com/templates/images/navjewel/small2.png') no-repeat center center / 20px auto; }

	.jewel-ferret{ background:  url('https://www.futurepets.com/templates/images/navjewel/ferret.png') no-repeat center center / 25px auto; }

	.jewel-pond { background: url('https://www.futurepets.com/templates/images/navjewel/pond.png') no-repeat center center / 25px auto; }

	.jewel-horse { background:  url('https://www.futurepets.com/templates/images/navjewel/horsei.png') no-repeat center center / 25px auto; }

	.jewel-flea { background:  url('https://www.futurepets.com/templates/images/navjewel/flea.png') no-repeat center center / 20px auto; }
	
	.navjewel-info {
	}

	.navjewel-info a {
		float:left;
		margin: 0;
	}
	
	div#Footer .footer-cc {
		padding: 0 0.75em 0.5em 0;
	}

div#TopNavJewels div
  {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
  div#TopNavJewels img
  {
    max-width: 100%;
    height: auto;
    margin: auto;
  }
}

@media (max-width: 767px)
{
 div#TopNavJewels div
  {
    padding-left: 2px;
    padding-right: 2px;;
    margin: 0;
  }
  div#TopNavJewels img
  {
    max-width: 100%;
    height: auto;
  }
}}


div#TopNavLinks
{
  font-size: 1em;   /* was 0.9125em */
}
div#TopNavLinks div.dropdown
{
  display: inline-block;
}


.fp-notax {
	padding: 5px;
	text-align: center;
	background: #1C6421;
}

.fp-notax a { 
	color: white; 
	font-size:0.85em;
}


div#FuturePetBody
{
   padding: 1em 15px;
}

div#FuturePetBodyLarge
{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

div#Footer .footer-cc {
	display:inline-block;
	vertical-align:middle;
	padding: 0 0.6em 0.5em 0;
}

div#Footer .footer-cc .fa-cc-amex {
	color:#FF6500;
}

div#Footer .footer-cc .fa-cc-visa {
	color:#1A397C;
}
div#Footer .footer-cc .fa-cc-discover {
	color:#186380;
}
div#Footer .footer-cc .fa-cc-mastercard {
	color:#FF990A;
}

.footer-wrapper {
	background:#fafafa;
}

.Footer-top {
	padding: 20px 0;
	margin-bottom: 1em;
}


/* Contribution notice for icons from vecteezy */
.fp-contr-close {
	position:Absolute;
	margin:15px;
	top:0;
	right:0;
	cursor:pointer;
}

.fp-contr-notice {
	display: block;
	margin: 0.75em 0;
}

.fp-contr {
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	background:white;
	box-shadow:0 0 15px rgba(0,0,0,0.3);
	border-radius:3px;
	padding:20px;
	max-height:calc(100% - 30px);
	max-width:500px;
	-webkit-transform:translate3d(-50%,-50%,0);
	-moz-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	z-index:2;
}

.fp-contr-title {
	display: block;
	font-size: 1.25rem;
}
.fp-contr-list {
	margin: 15px 0 0;
}

.fp-contr-list li {
	margin:5px 0 0;
}

.fp-contr-list li a {
	color: #2C97DE;
}

.Footer-links {
	text-align: center;
	padding: 10px;
	font-weight: 100;
	color:white;
	background: #1C6421;
}

.Footer-links .FuturePetsEmail {
	color:white;
	padding-left:3px;
}

div#Footer img
{
  max-width: 100%;
  height: auto;
  display:block;
  margin:0 auto;
}

div#FooterSiteLinks
{
}

div#FooterAccountLinks
{
}

div#FooterHelpLinks
{
}

div#FooterQuickLinks
{
}

div#Footer ul li.list-group-item
{
  padding: 8px 0 0 0;
  border: 0px;
} 

@media only screen and (min-width:768px) {
	div#Footer ul li.list-group-item:hover {
		color: #2C97DE;
		text-decoration: underline;
	}
}


div#FooterContact
{
  font-size: 15px;
}

div#FooterContactCompact
{
  text-align: center;
  padding: 10px 10px 0;
}

div#FooterContact p, div#FooterContactCompact p
{
  margin: 0.5em 0;
  text-align: center;
}

div#FooterContact a, div#FooterContactCompact a
{
  text-decoration: underline;
}  

div#FooterCopyright
{
  margin-top: 0em;
  padding: 0 10px 10px;
}


div#FooterContactInfo
{
  font-size: 0.9em;
  font-style: italic;
  margin-top: 1em;
}

div#FooterContactInfo h2
{
  font-size: 1.05em;
  font-weight: 800;
  margin: 0.125em 0 0 0;
  padding: 0;
  text-align: center;
}

div#FooterContactInfo p
{
  margin: 0.125em 0 0 0;
  padding: 0;
  text-align: center;
}

div#FooterOtherLinks
{
  font-size: 0.9em;
  margin-top: 1em;
}

div#FooterOtherLinks p
{
  margin: 0.125em 0 0 0;
  padding: 0;
}

div#presentation img
{
  max-width: 90% !important;
  height: auto;
}

div#presentation table
{
  max-width: 98% !important;
  margin: auto;
}

div.SpacerBar img
{
  max-width: 100%;
  height: auto;
}


.sm-left
{
  text-align: left;
}

.sm-right
{
  text-align: right;
}




.BlueNotice
{
  color: #153397;
}

.DkGreenNotice
{
  color: #354125;
}

.space-top
{
  padding-top: 15px;
}

.space-bottom
{
  padding-bottom: 15px;
}




@media (min-width: 768px)
{
	
  div#TopNavPhoneNumber
  {
    margin-top: 0.875em;
  }  
}

@media (max-width: 767px)
{
  .sm-left, .sm-right
  {
    text-align: center;
  }
  div#Footer ul li.list-group-item
  {
    padding: 10px 0px 0px 0px;
    border: 0px;
  } 
  
  div#HelpDetailNavigationXSmall .list-group-item
  {
    border: 0;
  }
}




@media (max-width:991px)
{
  .center-under-md
  {
    text-align:center;
  }
}






















/* Begin Default.htm specific code.  */
div#IndexQuickSearch
{
}

.fp-resources {
	background:#f3f3f3;
	border-radius:3px;
}

.fp-resources h4 {
	padding: 10px;
	margin: 0;
}

.fp-resources li a
{
	display: block;
	padding: 10px;
	border-bottom: 2px solid #dddddd;
	text-decoration: none;
	transition: color 0.1s ease;
	background: #f3f3f3;
}

.fp-resources li a:hover {
	background:#ececec;
	transition:color 0.1s ease;
}

.IndexQuickSearchPhoneNumberWrapper {
	display:table;
	width:100%;
}

div#IndexQuickSearchPhoneNumber
{
	!background-color: #2C97DE;
	border-radius: 12px 12px 0 0;
	text-align: right;
	width:100%;
}

div#IndexQuickSearchPhoneNumber {
	display:table-cell;
	vertical-align:middle;
	padding: 13px 7.5px;
}

div#IndexQuickSearchPhoneNumber h2, 
div#IndexQuickSearchPhoneNumber h3 {
	display:inline-block;
	vertical-align:middle;
}

.header-cart-info { 
	float:right; 
}

.header-cart-label {
	display:inline-block;
	vertical-align:middle;
	margin: 0 10px 0 0;
	font-size: 0.85em;
}

.header-cart-checkout {
	position: relative;
}

.formquicksearchsite { 
	margin: 0.75em 0;
}

@media (max-width: 767px)
{
  div#IndexQuickSearchPhoneNumber
  {
	text-align:center;
  }
}

#IndexQuickSearchPhoneNumber h6 { margin:0; }

#IndexQuickSearchPhoneNumber h4 { margin:5px 0; }

div#IndexQuickSearchBottom
{
  !background-color: #2C97DE;
  !border-radius: 0 0 12px 12px;
  margin-top: 1em;
}

input#IndexSearchBox
{
    max-width: 100%;
	color: #000;
	border-radius: 3px;
	padding: 0.5em;
	background: #f9f9f9;
	border: 1px solid rgba(0,0,0,0.15);
	margin-bottom: 5px;
	transition:background 0.1s ease;
}

input#IndexSearchBox:focus {
	background:white;
	transition:background 0.1s ease;
}

input#IndexSearchButton
{
	color: white;
	background: #93CC15;
	border: 1px solid rgba(0,0,0,0.15);
	padding: 0.5em;
}

div#IndexQuickSearch div.IndexQuickSearchLink
{
  padding: 0;
  z-index: 1;
  text-align:left;
}

div#IndexFeatures
{
  border-radius: 0;
  margin-top: 15px;
}

div#IndexFeaturesTop
{
  padding: 0;
}

div#IndexFeaturesJoinList
{
}

div#IndexFeaturesJoinList a {
	display:block;
}

div.IndexFeaturesImage {
	margin:0.75em 0 0;
}

div.IndexFeaturesImage img {
	display:block;
	margin:0 auto;
}

div#IndexPawsForThoughts
{
  border-width: 8px 8px 4px 8px;
  border-color: #d61010;
  border-style: solid;
  background-color: #fff;
  color: #000;
  font-size: 13px;
}

div#IndexPawsForThoughts h2
{
  font-size: 13px;
  font-weight: bold;
  color: #d61010;
}

div#IndexFeaturesBottom
{
}

div#IndexPawsForThoughts
{
  background-color: #fff;
  color: #000;  
}

div#IndexCenter div.row
{
  margin-bottom: 15px;
}

div#IndexCenter div.row:first-of-type
{
  margin-top: 0;
}

div.IndexRightSidebarFav, 
div.IndexLeftSidebarFav {
	margin: 0 0 10px;
}

div.IndexRightSidebarFav img {
	padding: 10px;
	height: auto;
}

div.IndexLeftSidebarFav img {
	margin: 10px auto !important;
}


/*  End  Default.htm specific code.  */



/* Begin Promo Pages */

.PromoTopTitle {
	margin:0 0 10px;
}

.PromoTopSubTitle {
	color:black;
}

.bwrap {
	margin-left:15px;
}

.PromoFiveStatement {
	padding: 15px;
	font-size: 22px;
	text-align: center;
	font-weight: 100;
	border-width: 1px 0;
	border-style: solid;
	border-color: black;
	margin: 20px 0;
}

.PromoFiveShopAll {
	padding: 15px 0;
}

.PromoFiveShopAll a {
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	padding: 7.5px;
	border: 1px solid #4AA8E2;
	float: left;
	margin-right: 10px;
}

.PromoFiveImage{
	width: 100%;
	height: 100px;
	display: block;
}

.PromoFiveText {
	padding: 15px 0;
	display: block;
}



/* Begin Dog Category Page 100.htm Specific */
div#DogTopPromo
{
  background-color: #E5DFDF;
  border-radius: 1px;
  padding: 10px;
}

div#DogTopPromo ul, div#DogTopPromo h2
{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}


div#DogTopPromo .BlueShopNow
{
  background-color: #5074ab;
  color: #fff;
  font-weight: 600;
}

div#DogFiveColumn img, div#DogThreeColumn img, div#DogSixColumn img, div#PromoFiveColumn img, div#PromoThreeColumn img, div#PromoSixColumn img
{
  max-width: 100%;
  height: auto;
}

/*  End  Dog Category Page 100.htm Specific */



/* Begin Fleas Category Page 100.7.htm specific */

div#WarOnFleas
{
  border: 3px solid #5b0505;
  font-size: 0.95em;
}

div#WarOnFleas h1, div#WarOnFleas h2, div#WarOnFleas h3
{
  color: #354125;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#WarOnFleas h1
{
  font-weight: normal;
  font-size: 1.75em;
}

div#WarOnFleas h2
{
  text-align: center;
  font-size: 1.65em;
  font-weight: 700;
}

div#WarOnFleas ol
{
  font-weight: bold;
}

div#WarOnFleas span
{
  
}

div#FleasSmallJewels div
{
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 767px)
{
  div#WarOnFleas
  {
    max-width: 90%;
    margin: auto;
  }
  
  div#IndexQuickSearch div.IndexQuickSearchLink {
	  text-align:Center;
  }
  
}


/*  End  Fleas Category Page 100.7.htm specific */



.xs-left-then-center, .xs-right-then-center
{
  text-align: center;
}


@media (max-width: 787px)
{
  .xs-right-then-center
  {
    text-align: right;
  }
  
  .xs-left-then-center
  {
    text-align: left;
  }
}




/* Begin Fish Category Page 300.htm Specific */

div#FishTopPromo
{
  background-color: #e4e0dd;
  border-radius: 1px;
  padding: 10px;
}

div#FishTopPromo ul, div#FishTopPromo h2
{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/*  End  Fish Category Page 300.htm Specific */







/* Begin Ferrets Category Page 400.htm Specific */

div#FerretsTopPromo
{
  background-color: #edeae5;
  border-radius: 1px;
  padding: 10px;
}

div#FerretsTopPromo ul, div#FerretsTopPromo h2
{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div#FerretsTopPromo img
{
  max-width: 100%;
  height: auto;
}

/*  Emd  Ferrets Category Page 400.htm Specific */







/* Begin Reptiles Category Page 800.htm Specific */

div#ReptilesTopPromo
{
  background-color: #eae4e6;
  border-radius: 1px;
  padding: 10px;
}

div#ReptilesTopPromo ul, div#ReptilesTopPromo h2
{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div#ReptilesTopPromo img
{
  max-width: 100%;
  height: auto;
}

div#ReptilesTopPromo p
{
  font-size: 1.25em;
}

div#ReptilesPromoHood a.btn, div#ReptilesPromoHood a.btn-default
{
  background-color: #0e3127;
  color: #fff;
  font-weight: 600;
  font-size: 1.25em;
}

@media (min-width:768px)
{
  div#ReptilesPromoHood p
  {
    padding-top: 2em;
    padding-bottom: 0em;
    color: #0e3127;
  }
}


/*  End  Reptiles Category Page 800.htm Specific */




/* Begin Cats Category Page 200.htm Specific */

div#CatsTopPromo
{
  background-color: #e4e0dd;
  border-radius: 1px;
  padding: 10px;
}

div#CatsTopPromo ul, div#CatsTopPromo h2
{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div#CatsTopPromo img
{
  max-width: 100%;
  height: auto;
}

div#CatPromoWater p
{
  font-size: 1.25em;
}

div#CatPromoWater a.btn, div#CatPromoWater a.btn-default
{
  background-color: #0f416b;
  color: #fff;
  font-weight: 600;
}

@media (min-width:768px)
{
  div#CatPromoWater p
  {
    padding-top: 2em;
    padding-bottom: 2em;
    text-align: right;
  }
}


/*  End  Cats Category Page 200.htm Specific */






/* Begin Ponds  Category Page 500.htm Specific */

div#PondsTopPromo
{
  background-color: #fafafa;
  padding: 10px 0 0 0;
}

div#PondsTopPromo ul, div#PondsTopPromo h2
{
	margin: 0 0 10px;
	padding: 0;
}

div#PondsTopPromo ul {
	margin: 0 0 10px;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #f3f3f3 #F6f6f6;
	background:white;
}

div#PondsTopPromo ul li {
	padding: 5px;
	list-style: none;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #f3f3f3;
}

div#PondsTopPromo img
{
  max-width: 100%;
  height: auto;
}


/*  End  Ponds Category Page 500.htm Specific */








/* Begin Birds  Category Page 700.htm Specific */

div#BirdsTopPromo
{
  background-color: #d5cec6;
  border-radius: 1px;
  padding: 10px;
}

div#BirdsTopPromo img
{
  max-width: 100%;
  height: auto;
}

div#BirdsTopPromo ul, div#BirdsTopPromo h2
{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div#BirdsTopPromo div.BirdsTallImages
{
  padding-top: 10px;
  padding-bottom: 10px;
}

/*  End  Birds Category Page 700.htm Specific */







/* Begin Horse Category Page 900.htm Specific */

div#HorseTopPromo
{
  background-color: #f0e7de;
  border-radius: 1px;
  padding: 10px;
}

div#SaddleTopPromo
{
  background-color: #fce7d2;
  border-radius: 0px 50px 15px 5px;
  padding: 0 0 5px 0;
}

div#HorseTopPromo img, div#SaddleTopPromo img
{
  max-width: 100%;
  height: auto;
}

div#HorseTopPromo a.btn, div#HorseTopPromo a.btn-default
{
  background-color: #805329;
  color: #fff;
  font-weight: 600;
}


div#HorseTopPromo .HorsePromoGreen
{
  color: green;
}

div#HorseTopPromo .HorsePromoOrange
{
  color: #fe7428;
}

div#HorseTopPromo .HorsePromoBlue
{
  color: blue;
}

div#HorseTopPromo .HorsePromoPurple
{
  color: purple;
}

div#HorseTopPromo .HorsePromoRed
{
  color: red;
}


/*  End  Horse Category Page 900.htm Specific */



/* begin five Column Layout from  http://fellowtuts.com/twitter-bootstrap/5-equal-columns-bootstrap-grid-layout-with-1-2-3-4-of-five/   */

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}	
.col-xs-1-5 {
	width: 20%;
	float: left;
}
.col-xs-2-5 {
	width: 40%;
	float: left;
}
	
.col-xs-3-5 {
	width: 60%;
	float: left;
}
	
.col-xs-4-5 {
	width: 80%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
	.col-sm-2-5 {
		width: 40%;
		float: left;
	}
	.col-sm-3-5 {
		width: 60%;
		float: left;
	}
	.col-sm-4-5 {
		width: 80%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
	.col-md-2-5 {
		width: 40%;
		float: left;
	}
	.col-md-3-5 {
		width: 60%;
		float: left;
	}
	.col-md-4-5 {
		width: 80%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
	.col-lg-2-5 {
		width: 40%;
		float: left;
	}
	.col-lg-3-5 {
		width: 60%;
		float: left;
	}
	.col-lg-4-5 {
		width: 80%;
		float: left;
	}
}	

/* end five Column Layout  */


/*  begin
    START.htm specific code.
*/

div#DTSPageHeader
{
  border-width: 3px 3px 0 3px;
  border-style: solid;
  border-color: # 520607;
  border-radius: 15px;
}

div#DTSPageHeader img
{
  max-width: 100%;
  height: auto;
}

div#DTSPageHeaderBlurb
{
  color: #520607;
  font-family: Times, serif;
  padding-top: 5px;
}

div#DTSPageHeaderPhoneNo
{
  font-weight: 600;
  font-size: 16px
}

div#DTSBodyRight {
	border-left: 1px solid #f6f6f6;
}

.DTSspecial {
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	text-align: left;
}

@media (min-width: 768px)
{
  div#DTSPageHeaderIcons div {
    padding: 6px 0;
  }

	div#DTSCarousel, div.DTSFrontPageInfo
	{
	  margin-bottom: 15px;
	  margin-top: 0px;
	}

	div.FrontPageBlurb
	{
	  color: #fff;
	  border-radius: 3px;
	  margin: 0 0.75em 0.75em 0;
	  display: table-cell;
	  float: none;
	}
	
	div.FrontPageBlurb:nth-child(2) {
		border-left:15px solid white;
	}
	
	div.FrontRed {
		background:#D21245;
	}
	div.FrontBlue {
		background:#3379FF;
	}
	
	div.FrontGreen {
		background:#93CC15;
	}
	div.FrontOrange {
		background:#F07924;
	}
	div.FrontPurple {
		background:#91278D;
	}
	div.FrontBrown {
		background:#8E2625;
	}
	div.FrontDarkBlue {
		background:#440C76;
	}

	div.FrontPageBlurb h2
	{
		font-size:1.5em;
		margin:0.75em 0;
		color:white;
	}

	div.DTSTopManufacturer p {
		margin: 15px 0 0;
	}
  
  
}


/*  end
    START.htm specific code.
*/

/*  Jackie added the !important 11/17/2020
*/
.directions {
	width:85%;
    display: block;
    border: 2px solid #00aeef !important;
    border-radius: 3px;
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
	margin-left:10px !important;
    padding: 10px !important;
    background: white;
}

.why {
width:85%;
border:1px solid red;
padding:8px;
background-color:#F4FCFC;
font-size:.875em; 
margin-bottom:10px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

/*  Jackie added the !important 11/17/2020
*/

.info {
width:85%;
border:1px solid red !important;
padding:8px !important;
margin-left:10px !important;
background-color:#F4FCFC;
font-size:.875em; 
margin-bottom:10px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

.moreinfo li {
padding-top:6px;
padding-bottom:6px;

}




/* Begin Trivia.htm specific code */

.trivia-title h1, 
.trivia-title h3 {
	text-align:left;
}

.trivia-title h1 {
	margin:0 0 10px;
}

.trivia-title h3 {
	font-size: 16px;
	margin: 0 0 20px;
}

div#DTSBodyMain h4 {
	margin: 0 0.5em;
	font-weight: bold;
	padding: 0.5em 0;
	font-size: 22px;
	color:#D21245;
}

div.Triviadropdown
{
	background-color: #fff;
	margin: 15px 0;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	padding: 0.5em;
}

div.Triviadropdown .fa-caret-down {
	float: right;
	margin: 0.25em;
}

@media (min-width: 768px)
{
  div.Triviadropdown
  {
    !margin-top: 40px;
  }
}

div.Triviadropdown a
{
  color: #000;
  display: block;
}


/* End Trivia.htm specific code */























/*  Begin Dropdowns as Icon Images Code */






/*  These dropdowns should align right on mobile */

#DogsDepartmentDropDown, #CatDepartmentDropDown, #FishDepartmentDropDown, #BirdsDepartmentDropDown, #ReptileDepartmentDropDown, #FerretDepartmentDropDown,
#PondDepartmentDropDown, #HorseDepartmentDropDown, #FleaDepartmentDropDown, #HelpDepartmentDropDown
{
  display:none;
  position: absolute;
  background-color: #fff;
  z-index: 5;
  border: 1px solid #000;
  box-shadow: #999 2px 2px 8px;
  max-height: 640px;
  overflow-y: auto;
  width: 100%;
}

li.DropDownHeader
{
  margin-top: 0.5em;
  font-weight: bold;
  font-size: 1.04em;
  color: #333;
  border-bottom: 1px solid #999;
}

li.DropDownBlue
{
  color: #0d4a80;
}

li.DropDownGreen
{
  color: #0d8042;
}

div#DropDownClose
{
  z-index: 3;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(64,96,192,0.25);
  display: none;
}


/*  Dropdowns as Icon Images, x-small and cellphone view  */
@media (max-width: 767px)
{
  /* All dropdowns on mobile */
  #DogsDepartmentDropDown, #CatDepartmentDropDown, #FishDepartmentDropDown, #BirdsDepartmentDropDown, #ReptileDepartmentDropDown, #FerretDepartmentDropDown,
  #PondDepartmentDropDown, #HorseDepartmentDropDown, #FleaDepartmentDropDown
  {
    max-width: 200px;
    height: 240px;
    overflow-y: auto;
  }
  
  /* Right aligned dropdowns on mobile */
  #BirdsDepartmentDropDown, #ReptileDepartmentDropDown, #FerretDepartmentDropDown
  {
    right: 0px;
  }
}


/*  End Dropdowns as Icon Images Code */


.carousel-caption h2 {
	font-size: 20px;
	color: #FF6666;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -0px;
	text-shadow: none;
	font-weight: bold;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}


.carousel-caption h3{
font-size:1.125em;
color: #D61010 !important;
margin-top:50px;


}

/* Begin Recommended Products */
div.RecommendedProducts
{
    border: 1px solid #000;
    margin: 15px auto;
}


@media (min-width: 768px)
{
    div.RecommendedProducts
    {
      max-width: 480px;
    }

    div#FuturePetBody div.RecommendedProducts img, div#FuturePetBodyLarge div.RecommendedProducts img
    {
      height: 120px;
      width: auto;
    }
}

@media (max-width: 767px)
{
    div.RecommendedProducts
    {
      max-width: 180px;
    }


    div.RecommendedProducts div.col-sm-4:nth-of-type(even)
    {
      background-color: #fff;
      padding: 5px;
    }

    div.RecommendedProducts div.col-sm-4:nth-of-type(odd)
    {
      background-color: #eee;
      padding: 10px 5px;
    }

    div.RecommendedProducts div.col-sm-12
    {
      background-color: #eee;
      border-bottom: 1px solid #000;
    }
}


/* End Recommended Products */

.ingredients{
!border:1px solid black;
padding:10px;
margin-bottom:10px;
!font-size:.875em; /* 11pt 14px */
}

.ingredients .info{
font-size:.875em; /* 11pt 14px */
}

.PopUpCaller
{
	border: 2px solid #ececec;
	padding: 7.5px;
	height: 100%;
	min-height: 75px;
	margin: 0 10px 10px 0;
}


.PopUpCaller a
{
	font-weight: 100;
	font-size: 0.85em;
}

#thumbs {
margin-top:25px;
margin-bottom:10px;
}
 
 div#Dopres table {
  width: 100%;
}

@media (min-width: 992px) and (max-width: 1169px) {
   div#ThumbsBG div.PopUpCaller
   {
     width: 33.33333333% !important;
   }
}



@media (min-width: 1170px)
{
   div#ThumbsBG div.PopUpCaller
   {
     width: 32% !important;
   }
}

table#GravityFilterInfoTable img {
   max-width: 100%;
   height: auto;
}


table#GravityFilterInfoTable tr.GravityFilterInfoRow td:nth-of-type(1)  {
   width: 25%;
   padding-top: 8px;
   padding-bottom: 8px;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow td {
   border-bottom: 1px solid #999;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow:last-of-type td {
   border-style: none;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow td:nth-of-type(2), table#GravityFilterInfoTable td:nth-of-type(3), table#GravityFilterInfoTable td:nth-of-type(4), table#GravityFilterInfoTable td:nth-of-type(5) {
   width: 18.75%;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow td:nth-of-type(2)  {
   background-color: #deefd6;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow td:nth-of-type(3)  {
   background-color: #c6ffff;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow td:nth-of-type(4)  {
   background-color: #cecee7;
}

table#GravityFilterInfoTable tr.GravityFilterInfoRow td:nth-of-type(5)  {
   background-color: #ffefff;
}

table#GravityFilterInfoTable div.column-header {
   font-size: 16px;
   font-weight: 600;
}



div#CategoryDisplay table tbody tr td:nth-of-type(3) {
       max-width: 800px !important;
   }


@media screen and (min-width:768px) and (max-width: 1169px) {
  .container {
    max-width: 100%;
  }

  .desktop-jewel, .navjewel, .navjewel ul {
    width: 100%;
  }

  #search-form, .navjewel {
    display: block;
  }

  #search-form::before {
    clear:both;
  }

}

/* Begin Helpers */
.BlueNotice {
  color: #00f;
}

.DeepBlueNotice {
  color: #0000c0;
}

.RedNotice {
  color: #f00;
}

.DeepRedNotice {
  color: #c00000;
}

.size8Notice {
  font-size: 8px;
}

.size10Notice {
  font-size: 10px;
}

.size12Notice {
  font-size: 12px;
}

.InstaSerif {
  font-family: times, serif;
}

.sm-right, .md-right, .lg-right, .sm-left, .md-left, .lg-left, .xs-right, .xs-left {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .xs-right {
    text-align: right;
  }

  .xs-left {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .sm-right {
    text-align: right;
  }

  .sm-left {
    text-align: left;
  }
}
@media screen and (min-width: 992px) {
  .md-right {
    text-align: right;
  }

  .md-left {
    text-align: left;
  }
}
@media screen and (min-width: 1170px) {
  .lg-right {
    text-align: right;
  }

  .lg-left {
    text-align: left;
  }
}
.sm-center-xs-left, .sm-center-xs-right, .md-center-xs-left, .md-center-xs-right, .lg-center-xs-left, .lg-center-xs-right {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sm-center-xs-left {
    text-align: left;
  }

  .sm-center-xs-right {
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .md-center-xs-left {
    text-align: left;
  }

  .md-center-xs-right {
    text-align: right;
  }
}
@media screen and (max-width: 1169px) {
  .lg-center-xs-left {
    text-align: left;
  }

  .lg-center-xs-right {
    text-align: right;
  }
}
/* End Helpers */
.btn-popup {
  background-color: #586e62;
  color: #fff;
  font-weight: 600;
  border: 1px solid #100038;
  -webkit-transition: background-color 0.375s ease-in, color 0.375s linear;
  transition: background-color 0.375s ease-in, color 0.375s linear;
  -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 64, 0.25);
  -moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 64, 0.25);
  -ms-box-shadow: 1px 2px 3px 0px rgba(0, 0, 64, 0.25);
  -o-box-shadow: 1px 2px 3px 0px rgba(0, 0, 64, 0.25);
  box-shadow: 1px 2px 3px 0px rgba(0, 0, 64, 0.25);
}
.btn-popup:hover {
  color: #253149;
  background-color: #b7c3b8;
}

#promo-message {
  z-index: 1010;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.5s ease-in;
  transition: background-color 0.5s ease-in;
  display: none;
}
#promo-message.promo-message-off {
  background-color: rgba(128, 255, 128, 0.01);
}
#promo-message.promo-message-on {
  background-color: rgba(0, 48, 0, 0.33333);
}

#promo-message-inner {
  background-color: #fff;
  border: 2px solid #000;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  max-height: 85%;
  max-width: 640px;
  overflow-y: auto;
  padding: 5px;
  text-align: center;
  z-index: 1011;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(37, 49, 73, 0.375);
  -moz-box-shadow: 0px 3px 9px 0px rgba(37, 49, 73, 0.375);
  -ms-box-shadow: 0px 3px 9px 0px rgba(37, 49, 73, 0.375);
  -o-box-shadow: 0px 3px 9px 0px rgba(37, 49, 73, 0.375);
  box-shadow: 0px 3px 9px 0px rgba(37, 49, 73, 0.375);
}
#promo-message-inner h1 {
  font-family: serif;
  margin: 0;
  padding: 0;
  -webkit-transition: margin 1s ease-in, font-size 1s ease-in;
  transition: margin 1s ease-in, font-size 1s ease-in;
}
#promo-message-inner h2 {
  margin: 0;
  padding: 0;
}
#promo-message-inner h2 .popUpFreeShip {
  font-variant: small-caps;
  font-weight: 800;
  text-shadow: 1px 2px 2px rgba(0, 64, 0, 0.25);
}
#promo-message-inner h3 {
  background-color: #ae8;
  display: inline-block;
  padding: 5px;
  border: 2px solid #000;
  font-size: 48px;
  font-weight: 800;
  font-family: sans-serif;
  cursor: crosshair;
}
#promo-message-inner h4#promo-message-copy-verify {
  background-color: #cfb;
  clear: both;
  padding: 5px 15px;
  border: 1px solid #060;
  width: 80%;
  margin: auto;
}
#promo-message-inner p#promo-click-to-copy {
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  color: #333;
}

#PromoPopupCloseIcon {
  position: fixed;
  top: 1px;
  right: 1px;
  font-size: 48px;
  color: #f33;
  text-shadow: 0px 0px 3px #300, 1px 1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, -1px -1px 0px #000;
  cursor: pointer;
  z-index: 1012;
  border: 1px solid #787878;
  padding: 1px;
  background-color: rgba(0, 0, 0, 0.625);
}

#promoPopupCloseImage {
  position: fixed;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1016;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-align: right;
  background-color: rgba(248, 255, 248, 0.875);
  padding: 0 0 0 4px;
  border-bottom: 2px solid #040;
  border-left: 2px solid #040;
  box-shadow: -4px 4px 5px rgba(0, 32, 0, 0.5);
}
#promoPopupCloseImage img {
  -webkit-transition: width 0.75s ease-in, height 0.75s ease-in;
  transition: width 0.75s ease-in, height 0.75s ease-in;
}
#promoPopupCloseImage span#closePopupMsg {
  color: #d33;
  font-weight: 600;
  margin: 0;
  padding: 0 4px 0 0;
  font-family: sans-serif;
  -webkit-transition: font-size 0.75s ease-in;
  transition: font-size 0.75s ease-in;
}

@media screen and (min-width: 768px) {
  #promo-message-inner h1 {
    font-size: 44px;
  }

  #promoPopupCloseImage img {
    width: 48px;
    height: 48px;
  }
  #promoPopupCloseImage span#closePopupMsg {
    font-size: 24px;
    text-shadow: 1px 2px 1px rgba(16, 0, 0, 0.5);
  }
}
@media screen and (max-width: 767px) {
  #promo-message-inner {
    max-width: 100%;
    width: 100%;
  }
  #promo-message-inner h1 {
    margin-top: 32px;
  }

  #promoPopupCloseImage img {
    width: 32px;
    height: 32px;
  }
  #promoPopupCloseImage span#closePopupMsg {
    font-size: 18px;
    text-shadow: 1px 1px 2px rgba(16, 0, 0, 0.975);
  }
}
div#promoPopupInnerCloseImage {
  color: #800;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.05em;
  padding: 1px;
  position: relative;
  right: 0;
  width: auto;
  top: 0;
}
div#promoPopupInnerCloseImage img {
  height: 20px;
  width: 20px;
}

@media screen and (max-width: 767px) {
  div#promoPopupInnerCloseImage {
    display: none;
  }
}
/* Click to Close Divs */
div.clickToClose {
  background-color: rgba(255, 255, 255, 0);
  z-index: 1015;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

div#clickToCloseLeft {
  width: calc(50% - 320px);
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
}

div#clickToCloseRight {
  width: calc(50% - 320px);
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  div.clickToClose {
    display: none;
  }
}

div#promoPopupInnerCloseImage img, div#promoPopupCloseImage img {
  display: inline;
  margin-left: 10px;
}

#promo-message-inner h1, #promo-message-inner h2 {
    color: #020;
}

div.ad-fixed { max-width: 100%; }

/************ No Sales Tax Promo *************/
/*********************************************/

.fp-promo-container {
	padding:20px;
}

.fp-promo-notice {
	background:#ececec;
	margin:20px 0 0;
	padding:20px;
}

.fp-promo-notice * { font-size:0.85em; }

.fp-promo-title {
	margin:15px 0 10px;
	text-transform:uppercase;
}
  
.fp-promo-notax-cover {
	background:rgba(0,0,0,0.1);
	padding:40px;
}  
  
.fp-promo-notax {
	background:url('/images/promo/sales/jumping-cats.jpg') no-repeat center top / cover;
}

.fp-promo-notax-title {
	color:white;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.3);
	margin:0; 
}

/*********** Banner Promo ******************/
/*******************************************/

.fp-promo-banner {
	padding: 10px;
	background: #f3f3f3;
	text-align: center;
	margin: 20px 0;
	border: 2px solid #dddddd;
	border-radius:3px;
}

.fp-promo-banner h2 { margin:0; }

/*********** Category Landing **************/
/*******************************************/

.fp-category-wrapper {}

#fp-category-display { 
	width: 100%; 
}

@media only screen and (min-width:768px) {
	#fp-category-display { 
		width: auto; 
		min-width:200px;
	}
}

#PreslistMenu {
}

#fp-category-header {
	position:relative;
	!margin: 0 0 15px;
    !border-width: 0 0 2px;
    !border-style: solid;
    !border-color: #dddddd;
}

#fp-category-drop { }
.fp-category-droparr {
	padding: 7.5px 0;
	position: relative;
	cursor:pointer;
	-webkit-transition: color 0.1s ease;
	-moz-transition: color 0.1s ease;
	transition: color 0.1s ease;
	font-weight: bold;
	text-align:center;
}

@media only screen and (min-width:768px) {
	.fp-category-droparr {
		text-align:center;
		font-size: inherit;
		padding: 0 7.5px;
		font-weight:100;
		top: 2px;
	}
}

/* Sub categories - Overwrite styles by PegasusCart */
div.peg-catlist { 
	background:white;
	z-index:1;
	display:block;
	margin: 0 20px 0 0;
}

.fp-catlist div.peg-catlist ul {
	list-style-type:none;
	margin:0;
}

.fp-catlist div.peg-catlist li {
	position: relative;
	z-index: 1;
	cursor:pointer;
	-webkit-transition: color 0.1s ease;
	-moz-transition: color 0.1s ease;
	transition: color 0.1s ease;
}

.fp-catlist div.peg-catlist li:hover {
	color: #2C97DE;
	-webkit-transition: color 0.1s ease;
	-moz-transition: color 0.1s ease;
	transition: color 0.1s ease;
}

@media only screen and ( min-width: 769px ) {
	
	div.fp-catlist div.peg-catlist ul li > ul {
		position: absolute;
		top: 0;
		color:initial;
		background: white;
		pointer-events:none;
		opacity:0;
	}

	div.fp-catlist div.peg-catlist ul li:hover > ul {
		width: 100%;
		left: 100%;
		opacity:1;
		pointer-events:auto;
		-webkit-transition: opacity 0.2s ease;
		-moz-transition: opacity 0.2s ease;
		transition: opacity 0.2s ease;
		box-shadow: 0 0 5px rgba(0,0,0,0.35);
	}
}

@media only screen and ( max-width: 768px ) {
	.fp-catlist {
		display: none;
	}
	
	
	div.fp-catlist div.peg-catlist ul li > ul {
		position: relative;
		top: 0;
		color:initial;
		background: white;
		pointer-events:none;
		opacity:1;
	}
}

.fp-catlist .peg-cat-title { padding: 10px 0 10px 10px; }
.fp-catlist .peg-cat-icon { padding: 10px; }

.fp-catlist .peg-subcat-root { }
.fp-catlist .peg-subcat-root .peg-cat-title {
	padding:5px 10px;
}

@media only screen and (max-width:768px) {
	div.peg-catlist {
		max-height: 300px;
		overflow: auto;
		display: block;
		margin:0;
	}
}

/* Content */
.fp-presitems { }

.fp-category-landing {
	width:100%;
	min-height:300px;
	padding:20px 0 0 40px;
}
   
/* Landing images */
.fp-category-ldog { background: #f5f2f3 url('/images/category-landing/dog-category-jackie.jpg') no-repeat center 50% / auto 100%; }
.fp-category-lcat { 
	color: white; 
	background: #f5f2f3 url('/images/category-landing/cat-category.jpeg') no-repeat center 60% / cover; 
}
.fp-category-lfish {
	color:white;
	background: #f5f2f3 url('/images/category-landing/fish-category.jpeg') no-repeat center center / cover; 
}

.fp-category-lbird {
	background: #f5f2f3 url('/images/category-landing/bird-category.jpg') no-repeat 15em 15%/ 100% auto;
}

.fp-category-lreptile {
	background: #f5f2f3 url('/images/category-landing/reptile-category.jpg') no-repeat center center / 100% auto;
}

.fp-category-lferret {
	background: white url('/images/category-landing/ferret-category-jackie.jpg') no-repeat center right/ auto 100%;
}

.fp-category-lpond {
	background: white url('/images/category-landing/pond-category.jpg') no-repeat center center/ cover;
	color: white;
}

.fp-category-lhorse {
	background: white url('/images/category-landing/horse-category.jpg') no-repeat center center/ cover;
	color:white;
}

.fp-category-lflea {
	background: white url('/images/category-landing/flea-category.jpg') no-repeat center right / auto 100%;
}

.fp-category-title {
	border-width: 0 0 3px 0;
	border-style: solid;
	display:inline-block;
	padding-bottom:10px;
}

.fp-category-subtitle {
	max-width:200px;
	line-height:2em;
	text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
	.fp-category-subtitle {
		color: White;
    		text-shadow: 1px 1px 2px black;
	}
}

.fp-landing-item { 
	display:block;
	width:100%;
}
.fp-landing-item-img {
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

@media only screen and (min-width: 769px) {
	.fp-landing-item-img {
		height: 150px;
	}
}

@media only screen and (max-width: 768px) {
	.fp-landing-item-img {
		height: 90px;
	}
}

.fp-landing-item-desc {
	text-align:center;
}

/* Reptile */

.fp-category-info {
	margin:20px 0;
}

.fp-category-info-block {
	text-align: center;
	padding: 20px;
	background: #fafafa;
	height: 100%;
	border-radius: 3px;
	border: 2px solid #dddddd;
}

.fp-reptile-education {
}
.fp-reptile-food { 
}


/* Horse */

.fp-horse-promo {
	padding:20px;
	background:white;
	border-width: 2px;
	border-style: solid;
	border-color: #dddddd;
	border-radius:3px;
}

.fp-horse-promo img {
	height: 150px;
	margin: 0 auto;
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

article.fp-pres-desc a {
  color: #080ab0;
  text-decoration: underline;
  text-decoration-color: #e4eeff;
  text-decoration-color: rgba(0, 24, 192, 0.75);
  transition: color 0.125s ease-out, text-decoration-color 0.125s ease-in;
}

article.fp-pres-desc a:hover {
  color: #2820f4;
  text-decoration: underline;
  text-decoration-color: #d0d8ff;
  text-decoration-color: rgba(0, 24, 255, 0.95);
}

/* Custom Checkbox */
        /* Customize the label (the container) */
        .custom-check {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            /* Hide the browser's default checkbox */
            .custom-check input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

        /* Create a custom checkbox */
        .custom-check-checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #eee;
        }

        /* On mouse-over, add a grey background color */
        .custom-check:hover input ~ .custom-check-checkmark {
            background-color: #ccc;
        }

        /* When the checkbox is checked, add a blue background */
        .custom-check input:checked ~ .custom-check-checkmark {
            background-color: #1C6421;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .custom-check-checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .custom-check input:checked ~ .custom-check-checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .custom-check .custom-check-checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.peg-menu-icount {
    font-size: 14px;
    /*position: absolute;
    top: -15px;
    left: 17px;*/
    color: #1c6421;
    text-align: center;
    font-weight: bold !important;
    cursor:pointer;
}