html { background-color:#f3f1ef }
body {
margin:0;
padding:0;
font-family:Georgia, 'Times New Roman', Times, serif;
font-family:Helvetica, Arial, sans-serif;
background-color:#f3f1ef;
}
select, input, textarea {
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
}
p { margin:0; padding:5px 0; line-height:1.4em }
li { margin:0; padding:3px 0; line-height:1.3em }
h1 { font-size:32px; color:#3b2313; margin:20px 0 10px 0; text-transform:uppercase; color:#339eb2; font-weight:normal }
h2 { font-size:24px; color:#3b2313; margin:12px 0 1px 0; color:#339eb2; font-weight:normal }
h3 { font-size:20px; color:#3b2313; margin:10px 0 1px 0 }
a { color:#0071BC; text-decoration:none }
a:hover { color:#0071BC; text-decoration:underline }
s { letter-spacing:-0.3em; text-decoration:none }
.footnote { font-size:14px; font-style:italic; padding:10px 0 }
#productInfo .footnote { font-size:14px; font-style:normal; color:#9d3141; text-align:center }
#wrap { margin:0px auto; width:1100px; position:relative; padding:0 }
#header { height:164px; border-top:1px solid #707070; border-bottom:1px solid #707070; background-color:white }
#header > div { margin:0 auto; width:1100px; position:relative; text-align:right }
#headerIcons { float:right; width:85px; padding:62px 10px 0 0 }
#cartIcon { width:75%; position:relative; margin:-50px 0 10px 20px; cursor:pointer; }
#cartNumber {
position:absolute; width:100%; top:12px; left:1px;
font-size:20px; font-weight:bold; text-align:center; color:white;
}
#headerLogo { float:right; padding-top:40px }
#footer { clear:both; background-color:#d7d2cc; border-top:1px solid #e1ded8; margin-top:25px }
#footer > div { margin:0 auto; padding:10px 0; width:1100px; position:relative }
#footer a { text-decoration:none; color:black }
#footer ul { float:left; width:220px; margin:0; padding:0 }
#footer ul:nth-child(1) { width:245px }
#footer ul:nth-child(2) { width:195px }
#footer ul li { list-style:none; font-size:16px; padding:3px 0 }
#footer ul li:first-child { font-weight:bold; text-transform:uppercase; padding-top:15px; }
#footer #icons { clear:left; padding:30px 0 10px 0; text-align:center }
#footer #legal { text-align:center; font-size:12px; padding-top:15px; }
#footer .darkTeal a { color:#004650; font-weight:bold; }
#fixed .fixedSpacer { height:42px }
#fixed .fixedWrap { position:fixed; bottom:0; background-color:white; width:100%; }
#fixed .fixedWrap > div { position:relative; margin:0 auto; width:1100px; padding:8px 0; text-transform:uppercase }
.image { text-align:center }
.image img { max-width:100% }
#logo { width:300px }
#menuIcon { margin:0 0 15px 10px; width:85px; height:51px; cursor:pointer }
#sitemap a { display:block; padding:2px 0 }
@media (max-width: 1099px) {
#header > div { width:96% }
#wrap { width:96% }
#footer > div { width:96% }
#footer ul { padding-left:25px }
#fixed .fixedWrap > div { width:96% }
}
@media (max-width: 768px) {
#menuIcon { width:65px }
#headerIcons { width:65px }
#cartNumber { top:8px; font-size:18px; }
}
@media (max-width: 420px) {
#header { height:80px; border:none }
#header > div { padding-top:5px }
#headerLogo { padding-top:5px; max-width:200px; width:auto }
#logo { max-width:200px; width:auto }
#headerIcons { width:95px; padding-top:22px }
#menuIcon { float:left; width:45px; height:40px; margin:0 }
#cartIcon { float:left; width:45px; position:relative; margin:-5px 5px 0 0; }
#cartNumber { top:6px }
}
/* there isn't a main nav, just the mobile-pop up one */
#menu { z-index:9999;padding:0;margin:0;text-align:center;position:absolute;top:150px;right:0px;width:50%;max-width:250px;display:none; background-color:white }
#menu li { position:relative; list-style:none; margin-left:0px }
#menu li a { display:block; padding:12px; font-size:20px; color:white; border-bottom:1px solid #d9dfdd; text-decoration:none; text-transform:uppercase }
#menu li ul { display:none; margin:0; padding:0 }
#menu li ul li ul { display:none; margin:0; padding:0 }
#menu span { cursor:pointer; display:block; position:absolute; top:0px; left:0px; padding:0px 3px; font-size:32px; color:#278592 }
#menu li:nth-child(4n+1) a { background-color:#47a888 }
#menu li:nth-child(4n+2) a { background-color:#bfb8af }
#menu li:nth-child(4n+3) a { background-color:#79c1ce }
#menu li:nth-child(4n+4) a { background-color:#aeaefd }
@media (max-width: 420px) {
#menu { top:80px }
}
button, .button, .actionButton {
background-color:#339eb2;
color:white;
margin:0;
border:none;
padding:10px 15px;
font-size:18px;
line-height:1em;
cursor:pointer;
}
.button:hover, .actionButton:hover { color:white; text-decoration:none }
#formTable { padding:0 0 0 5px; }
#formTable td { padding:5px; font-size:16px; }
#formTable td:first-child { width:120px }
#finePrint { padding:5px 5px 5px 10px; width:120px; font-style:italic; font-size:14px; }
.field { width:220px; padding:5px; }
.fieldWrapper label { display:block; padding-top:5px; }
.error { background-color: #dd2222; margin-bottom:2px }
/* main a is above */
a.link { color:#7AC0CE }
a.link:hover { color:#868787 }
a.cartLink { color:#0071BC; text-decoration:none }
a.cartLink:hover { color:#0071BC; text-decoration:underline }
.cartProduct { color:black !important; }
.cartSKU { color:black !important; font-style:italic; font-size:11px; }
#cartProducts { width:100%; border-collapse:collapse }
#cartProducts thead tr { border-left:2px solid #866849; border-right:2px solid #866849; background-color:#866849 }
#cartProducts thead tr th { padding:5px; color:white; }
#cartProducts thead tr th.center { text-align:center }
#cartProducts tbody tr.lrBorder { border-left:2px solid #7BC1CE; border-right:2px solid #7BC1CE }
#cartProducts tbody tr td{ padding:5px; }
#cartForm { padding-top:30px }
#cartForm h3 { margin:10px }
.lrBorder { border-left:2px solid #7BC1CE; border-right:2px solid #7BC1CE }
/* some cart/checkout overrides */
#page_cart .field { width:280px }
#page_cart .note { font-style:italic; font-size:15px }
#page_cart .fieldset div label { width: 240px }
#page_cart .fieldset div textarea { width: 96%; max-width:500px }
#page_cart .fieldset > div > div { width:292px } /* side by side fields */
/* address/card opts/info used on checkout1/2 */
#page_cart #acOpts { padding:0 0 10px 35px }
#page_cart #acOpts label { display:block; padding:6px 0; cursor:pointer; text-indent:-27px }
#page_cart #acOpts label div { padding:5px 0 0 25px; font-size:15px; text-indent:0 }
#page_cart #acInfo > div { padding-left:37px }
#page_cart #acInfo > div label { width:200px }
#page_cart #acInfo .note { float:right; width:240px }
#page_cart #acInfo .cvv { width:475px }
@media (max-width: 800px) {
#page_cart #acInfo .note { float:none; display:block; padding:2px 0 2px 200px }
#page_cart #acInfo .cvv { width:auto }
}
@media (max-width: 560px) {
#page_cart #acInfo .note { padding-left:0px; float:none }
#page_cart .fieldset div label { width:96%; float:none }
#page_cart .field, #page_cart .fieldset > div > div { width:90% }
}
#page_cart .qty { width:25px; text-align:center }
.topBorder1 { border-top:1px solid #7BC1CE }
.topBorder2 { border-top:2px solid #7BC1CE }
.cartItemEven { background-color:#f0f0f0 }
.cartItemOdd { background-color:#ffffff }
.shippingOption { padding:3px 0 2px 15px; font-size:12px; font-weight:bold }
.boxHeader { border-left:2px solid #866849; border-right:2px solid #866849; background-color:#866849; padding:7px 10px 5px 10px; color:white; }
.boxContent { border-left:2px solid #7BC1CE; border-right:2px solid #7BC1CE; border-bottom:2px solid #7BC1CE; padding:5px }
.left { float:left; }
.right { float:right }
.clear { clear:both }
.error, .errormsg { background-color:#aa0000; color:white; padding:3px; line-height:1.4em; }
.cartError { font-weight:bold; color:red }
.formTable td { padding:5px }
#formTable td { padding:3px 3px 3px 0 }
.bbWrap { padding:7px 7px 2px 7px }
.bbCheck { float:left; width:17px; cursor:pointer }
.bbLabel { display:inline-block; padding-left:5px; padding-top:1px; cursor:pointer; color:#0071bc }
.bbLearn { display:inline-block; padding-top:1px }
.bbOptions { display:none; padding:3px 0 5px 22px; }
.bbWrap a { color:#0071bc !important }
.bbWrap a:hover { text-decoration:underline }
.information {
background-color:#ccFFcc;
border:2px solid #444444;
color:#444444;
padding:5px;
margin:3px 0;
font-weight:bold;
}
.addButton {
background-color:#9d3141;
width:200px;
height:60px;
border:none;
cursor:pointer;
color:white;
text-transform:uppercase;
}
#card_grouper { border:1px solid #888; background-color:white; overflow:hidden; width:280px }
#card_grouper g { padding-right:5px }
/* #card_grouper g::after { content: '-' } */
/* narrower inset pages */
#page_4,#page_7,#page_8,#page_11,#page_15,#page_17,#page_18,#page_19,#page_22,#page_23,#page_24,
#page_43,#page_46,#page_53,#page_54,#page_55,#page_59,#page_60,#page_88,
#page_236,#page_237,#page_238,#page_239,#page_account {
max-width:800px; margin:0 auto; padding:0 5px;
}
/* cart/checkout */
#page_cart { max-width:800px; margin:0 auto; padding-bottom:25px; }
/* home */
#element_9 p a {
display:block;
width:265px;
padding:25px 0;
font-size:30px;
color:white;
text-align:center;
text-decoration:none;
text-transform:uppercase;
line-height:1em;
}
#element_9 p:nth-child(1) a, #cartMenu p:nth-child(1) a { background-color:#004650 }
#element_9 p:nth-child(2) a, #cartMenu p:nth-child(2) a { background-color:#339eb2 }
#element_9 p:nth-child(3) a, #cartMenu p:nth-child(3) a { background-color:#aeaefd }
#element_9 p:nth-child(4) a, #cartMenu p:nth-child(4) a { background-color:#47a888 }
#element_9 p:nth-child(5) a, #cartMenu p:nth-child(5) a { background-color:#908385 }
#element_9 p:nth-child(6) a, #cartMenu p:nth-child(6) a { background-color:#4b62a1 }
#slideshow {
width:100%;
padding-bottom:64%; /* 1.5 aspect ratio */
position:relative;
overflow:hidden;
}
.slideshow { position:absolute; }
.slideshow:nth-child(n+2) { display:none }
.slideshow img { width:100%; height:auto; }
@media (min-width: 1100px) {
/* initially, element 8 is alone, #slideshow wraps in in scripts.js later */
#element_8 { float:left; margin-left:270px; width:740px; }
#page_1 #slideshow { float:left; width:740px; height:471px; padding-bottom:0; margin-left:270px; }
#page_1 #slideshow #element_8 { float:none; margin-left:0 }
#element_9 { position:absolute; top:0; left:0 }
#element_9 p { padding:0; margin-bottom:2px; }
#element_18 { float:left; margin:51px 5px 0 0; width:265px; background-color:#d7d2cc; height:174px }
#element_18 p { text-align:center; text-transform:uppercase; font-size:24px; padding:15px; line-height:1.1em }
#element_19 { float:left; margin-top:5px; width:740px; }
#element_20, #element_21, #element_22 { float:left; width:310px; margin:25px }
}
@media (max-width: 1099px) {
#element_8 img { width:100% }
#element_9 { position:relative; margin:-2% 22% 10px 22%; width:auto; z-index:2 }
#element_9 p a { width:auto; padding:5% 0 }
}
@media (max-width: 768px) {
#element_9 p a { font-size:28px }
}
@media (max-width: 420px) {
#element_9 p a { font-size:20px }
}
#element_14 { position:absolute; top: 0px; right:0px; width:85px; z-index:2 }
#element_15 { position:absolute; top: 90px; right:0px; width:85px; z-index:2 }
#element_16 { position:absolute; top:180px; right:0px; width:85px; z-index:2 }
#element_386 { position:absolute; top:270px; right:0px; width:85px; z-index:2 }
#element_17 { position:absolute; top:360px; right:0px; width:85px; z-index:2 }
@media (max-width: 768px) { /* match #menu above */
#element_14 { top: 0px; width:65px }
#element_15 { top: 70px; width:65px }
#element_16 { top:140px; width:65px }
#element_386 { top:210px; width:65px }
#element_17 { top:280px; width:65px }
}
@media (max-width: 420px) { /* match #menu above */
#element_14 { top: 0px; width:45px }
#element_15 { top: 50px; width:45px }
#element_16 { top:100px; width:45px }
#element_386 { top:150px; width:45px }
#element_17 { top:200px; width:45px }
}
#element_20 div, #element_21 div, #element_22 div { font-size:24px; padding:5px }
#element_20 em, #element_21 em, #element_22 em { font-style:normal }
#element_23 .image { line-height:0 }
@media (min-width: 1100px) {
#element_23 { display:none }
}
@media (max-width: 1099px) {
#element_18, #element_19, #element_20, #element_21, #element_22 { display:none }
}
.section_title { clear:both; text-transform:uppercase; border-top:2px solid #bcbcbc }
@media (max-width: 1099px) { .section_title { text-align:center } }
/* size: 255-256 x 83-86 */
.buttons {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.buttons p { padding:0 }
.buttons a {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
width:252px;
height:85px;
margin:10px 0;
text-decoration:none;
color:white;
background-color:#ccc;
font-size:26px;
text-transform:uppercase;
}
@media (max-width: 800px) {
.buttons { justify-content:center; }
.buttons a { margin:8px; height:55px; }
}
.product_listing { float:left; width:360px; text-align:center; }
.product_listing img { width:auto; height:260px }
.product_listing .buttons a { float:none; margin:12px auto }
.accordion > div { padding:5px }
.accordion:nth-child(even) { border:2px solid #339eb2 }
.accordion:nth-child(odd) { border:2px solid #79c1ce }
.accordion:nth-child(even) div:nth-child(1) { background-color:#339eb2 }
.accordion:nth-child(odd) div:nth-child(1) { background-color:#79c1ce }
.accordion div:nth-child(1) { color:white; text-transform:uppercase; cursor:pointer }
.accordion div:nth-child(2) { display:none }
.accordion div:nth-child(1) span { display:inline-block }
.accordion div:nth-child(1) span:nth-child(1) { width:90% }
.accordion div:nth-child(1) span:nth-child(2) { width:10%; text-align:right }
/* cat-food */
#element_24 { float:left; width:282px; height:187px; margin:0 13px 0 0 }
#element_25 p:nth-child(1) a { background-color:#8f4098 }
#element_25 p:nth-child(2) a { background-color:#6e1042 }
#element_25 p:nth-child(3) a { background-color:#f48027 }
#element_25 p:nth-child(4) a { background-color:#3b3088 }
#element_25 p:nth-child(5) a { background-color:#9d3141 }
#element_25 p:nth-child(6) a { background-color:#339eb2 }
#element_25.buttons p a { margin:0 0 16px 0; }
#element_26 { color:#8f4098 }
#element_30 { color:#6e1042 }
#element_34 { color:#f48027 }
#element_38 { color:#3b3088 }
#element_41 { color:#9d3141 }
#element_44 { color:#339eb2 }
#element_420 { position:absolute; z-index:3; top:30px; right:-85px; }
#element_420 img { width:80px; }
#element_419 { display:none; }
@media (max-width: 1099px) {
#page_5 { text-align:center }
#page_5 .elements, #page_5 .product_listing { float:none; display:inline-block }
#page_5 .section_title { display:block }
#page_5 #element_24 { display:none }
#element_419 { display:block !important; clear:both; }
#element_419 img { width:240px }
#element_420 { display:none !important }
}
@media (min-width: 1100px) {
#element_25 p:nth-child(3) a { margin-right:0 }
#element_25 p:nth-child(6) a { margin-right:0 }
}
/* dog-food */
#element_48 { float:left; width:282px; height:187px; margin:0 13px 0 0 }
#element_49 p:nth-child(1) a { background-color:#3b2313 }
#element_49 p:nth-child(2) a { background-color:#60a845 }
#element_49 p:nth-child(3) a { background-color:#004650 }
#element_49 p:nth-child(4) a { background-color:#9d3141 }
#element_49 p:nth-child(5) a { background-color:#339eb2 }
#element_49 p:nth-child(6) a { background-color:#99cc99 }
#element_49.buttons p a { margin:0 0 16px 0; }
#element_50 { color:#3b2313 }
#element_53 { color:#004650 }
#element_56 { color:#9d3141 }
#element_59 { color:#339eb2 }
@media (max-width: 1099px) {
#page_63 { text-align:center }
#page_63 .elements, #page_63 .product_listing { float:none; display:inline-block }
#page_63 .section_title { display:block }
#page_63 #element_48 { display:none }
}
@media (min-width: 1100px) {
#element_49 p:nth-child(3) a { margin-right:0 }
}
/* ferret-food */
#element_61 { float:left; width:282px; height:187px; margin:0 13px 0 0 }
#element_62 p:nth-child(1) a { background-color:#b44253 }
#element_62 p:nth-child(2) a { background-color:#60a845 }
#element_62 p:nth-child(3) a { background-color:#004650 }
#element_62 p:nth-child(4) a { background-color:#339eb2 }
#element_62.buttons p a { margin:0 0 16px 0 }
#element_63 { color:#b44253 }
#element_65 { color:#60a845 }
#element_68 { color:#004650 }
#element_71 { color:#339eb2 }
@media (max-width: 1099px) {
#page_9 { text-align:center }
#page_9 .elements, #page_9 .product_listing { float:none; display:inline-block }
#page_9 .section_title { display:block }
#page_9 #element_61 { display:none }
}
@media (min-width: 1100px) {
#element_62 p:nth-child(3) a { margin-right:0 }
}
/* treats and supplements */
#element_459 { float:left; width:282px; height:187px; margin:0 13px 0 0 }
#element_460 p:nth-child(1) a { background-color:#3b3088 }
#element_460 p:nth-child(2) a { background-color:#004650 }
#element_460 p:nth-child(3) a { background-color:#9d3141 }
#element_460 p:nth-child(4) a { background-color:#339eb2 }
#element_460.buttons p a { margin:0 0 16px 0 }
#element_461 h2 { color:#3b3088 }
#element_464 h2 { color:#004650 }
#element_467 h2 { color:#9d3141 }
#element_470 h2 { color:#339eb2 }
@media (max-width: 1099px) {
#page_243 { text-align:center }
#page_243 .elements, #page_9 .product_listing { float:none; display:inline-block }
#page_243 .section_title { display:block }
#page_243 #element_61 { display:none }
}
@media (min-width: 1100px) {
#element_460 p:nth-child(3) a { margin-right:0 }
}
/* pet-care */
#element_74 p:nth-child(1) a { background-color:#8f4098 }
#element_74 p:nth-child(2) a { background-color:#3b2313 }
#element_74 p:nth-child(3) a { background-color:#9d3141 }
#element_74 p:nth-child(4) a { background-color:#bfb8af }
#element_74 p:nth-child(5) a { background-color:#47a888 }
#element_74 p:nth-child(6) a { background-color:#79c1ce }
/* cat-care */
#element_76 p:nth-child(1) a { background-color:#f2635d }
#element_76 p:nth-child(2) a { background-color:#004650 }
#element_76 p:nth-child(3) a { background-color:#aeaefd }
#element_76 p:nth-child(4) a { background-color:#bfb8af }
#element_76 p:nth-child(5) a { background-color:#47a888 }
#element_76 p:nth-child(6) a { background-color:#79c1ce }
/* dog-care */
#element_78 p:nth-child(1) a { background-color:#60a845 }
#element_78 p:nth-child(2) a { background-color:#aeaefd }
#element_78 p:nth-child(3) a { background-color:#bfb8af }
#element_78 p:nth-child(4) a { background-color:#99cc99 }
#element_78 p:nth-child(5) a { background-color:#47a888 }
#element_78 p:nth-child(6) a { background-color:#79c1ce }
/* ferret-care */
#element_80 p:nth-child(1) a { background-color:#004650 }
#element_80 p:nth-child(2) a { background-color:#aeaefd }
#element_80 p:nth-child(3) a { background-color:#bfb8af }
#element_80 p:nth-child(4) a { background-color:#99cc99 }
#element_80 p:nth-child(5) a { background-color:#47a888 }
#element_80 p:nth-child(6) a { background-color:#79c1ce }
/* learn-explore */
#element_82 p:nth-child(1) a { background-color:#004650 }
#element_82 p:nth-child(2) a { background-color:#339eb2 }
#element_82 p:nth-child(3) a { background-color:#aeaefd }
#element_82 p:nth-child(4) a { background-color:#bfb8af }
#element_82 p:nth-child(5) a { background-color:#47a888 }
#element_82 p:nth-child(6) a { background-color:#79c1ce }
/* learn-explore/about */
#element_83 img { width:800px; height:auto }
#element_84 p:nth-child(1) a { background-color:#004650 }
#element_84 p:nth-child(2) a { background-color:#339eb2 }
#element_84 p:nth-child(3) a { background-color:#aeaefd }
#element_84 p:nth-child(4) a { background-color:#bfb8af }
#element_84 p:nth-child(5) a { background-color:#47a888 }
#element_84 p:nth-child(6) a { background-color:#79c1ce }
#wrap h1.flip {
position:absolute;
transform:rotate(-90deg);
margin:0; padding:0; border:0;
width:533px; height:84px;
top:220px; right:-5%;
color:white;
text-transform:uppercase;
line-height:1em;
font-size:84px;
opacity:0.6;
text-align:center;
-webkit-text-stroke: 1px #444;
}
.section_caption div:nth-child(2) {
margin-top:-35px;
}
.section_caption em {
display:inline-block;
padding:15px 30px;
font-size:24px;
font-style:normal;
color:white;
text-transform:uppercase;
}
/* cat-food/development */
#element_86 em { background-color:#f2635d }
/* cat,dog-care/feeding */
#element_188 em { background-color:#47a888 }
#element_416 em { background-color:#47a888 }
/* cat-food/which-food */
#page_29 { max-width:900px; margin:0 auto; padding:0 5px; }
#element_91 { padding:15px 0 }
#element_91 p:nth-child(1) a { background-color:#339eb2 }
/* cat-care/tools-charts */
/* tools/charts vs tools-charts (url)
* unfloat on mobile
*/
#element_93 { width:50%; }
#element_94 { width:50%; }
#element_92 { position:absolute; left:50%; top:300px; width:50%; }
#element_92 em { font-size:12px; }
#element_454 { position:absolute; left:50%; top:920px; width:50%; padding-left:100px; }
#element_95 { position:absolute; left:50%; top:1000px; width:50%; padding-left:100px; }
#element_95 p { text-align:center }
#element_95 p:nth-child(1) a { background-color:#79c1ce }
#element_96 { max-width:825px; margin:0 auto; padding:10px 0 25px 0 }
#element_96 p:nth-child(1) a { background-color:#f2635d }
#element_96 p:nth-child(2) a { background-color:#004650 }
#element_96 p:nth-child(3) a { background-color:#aeaefd }
#element_96 p:nth-child(4) a { background-color:#bfb8af }
#element_96 p:nth-child(5) a { background-color:#47a888 }
#element_96 p:nth-child(6) a { background-color:#79c1ce }
.calcTable .field { text-align:right; width:50px; }
.calcTable td { padding:5px }
.calcTable th { padding:5px;border-bottom:1px solid #444; }
.calcWrap { background-color:#f5fbfd; padding:25px; margin-bottom:25px; }
@media (max-width: 800px) {
#element_93 { width:96%; padding:0 2% }
#element_94 { width:96%; padding:0 2% }
#element_92 { position:relative; left:auto; top:auto; width:100%; }
#element_454 { position:relative; left:auto; top:auto; width:100%; padding:20px 0; }
#element_454 .pdf { display:flex; justify-content:center; width:100% }
#element_95 { position:relative; left:auto; top:auto; width:100%; padding:0; }
}
/* learn-about/nutrition */
#element_98 p:nth-child(1) a { background-color:#004650 }
#element_98 p:nth-child(2) a { background-color:#339eb2 }
#element_98 p:nth-child(3) a { background-color:#aeaefd }
#element_98 p:nth-child(4) a { background-color:#bfb8af }
#element_98 p:nth-child(5) a { background-color:#47a888 }
#element_98 p:nth-child(6) a { background-color:#79c1ce }
/* learn-explore/faqs */
#element_412 em { background-color:#47a888 }
/* dog-food/development */
#element_100 em { background-color:#60a845; }
/* ferret-food/development */
#element_102 em { background-color:#004650; }
/* dog-care/tools-charts */
#element_104 { max-width:800px; margin:0 auto }
#element_104 p:nth-child(1) a { background-color:#60a845 }
#element_104 p:nth-child(2) a { background-color:#aeaefd }
#element_104 p:nth-child(3) a { background-color:#bfb8af }
#element_104 p:nth-child(4) a { background-color:#99cc99 }
#element_104 p:nth-child(5) a { background-color:#47a888 }
#element_104 p:nth-child(6) a { background-color:#79c1ce }
#element_105 { width:50%; margin-left:50%; padding-top:50px; }
#element_105 em { font-size:12px }
#element_106 { position:absolute; left:0; top:300px; width:50%; }
#element_455 { width:50%; margin-left:50%; padding:20px 0 20px 100px; }
@media (max-width: 800px) {
#element_105 { width:100%; margin:0; }
#element_106 { position:relative; left:auto; top:auto; width:96%; padding:0 2%; }
#element_455 { position:relative; left:auto; top:auto; width:100%; margin:0; padding:20px 0; }
#element_455 .pdf { display:flex; justify-content:center; width:100% }
}
/* nucleotides */
#element_107 em { background-color:#bfb8af }
#element_108 { padding-top:15px }
/* learn-explore/sourcing */
#element_110 p:nth-child(1) a { background-color:#004650 }
#element_110 p:nth-child(2) a { background-color:#339eb2 }
#element_110 p:nth-child(3) a { background-color:#aeaefd }
#element_110 p:nth-child(4) a { background-color:#bfb8af }
#element_110 p:nth-child(5) a { background-color:#47a888 }
#element_110 p:nth-child(6) a { background-color:#79c1ce }
/* ferret-care/feeding */
#element_112 em { background-color:#99cc99 }
#element_113 { padding-top:15px }
/* learn-explore/aafco */
/* this page needs the h1.flip */
#element_115 p:nth-child(1) a { background-color:#004650 }
#element_115 p:nth-child(2) a { background-color:#339eb2 }
#element_115 p:nth-child(3) a { background-color:#aeaefd }
#element_115 p:nth-child(4) a { background-color:#bfb8af }
#element_115 p:nth-child(5) a { background-color:#47a888 }
#element_115 p:nth-child(6) a { background-color:#79c1ce }
/* learn-explore/aafco */
/* this page needs the h1.flip */
#element_118 p:nth-child(1) a { background-color:#004650 }
#element_118 p:nth-child(2) a { background-color:#339eb2 }
#element_118 p:nth-child(3) a { background-color:#aeaefd }
#element_118 p:nth-child(4) a { background-color:#bfb8af }
#element_118 p:nth-child(5) a { background-color:#47a888 }
#element_118 p:nth-child(6) a { background-color:#79c1ce }
#element_132 .product_listing { float:none; margin:0 auto }
#element_134 .product_listing { float:none; margin:0 auto }
#element_136 .product_listing { float:none; margin:0 auto }
#element_139 {
max-width:100%;
overflow-x:scroll;
overflow-y:hidden;
}
#element_139 table { border-collapse:collapse }
#element_139 table tr th { padding:5px; text-align:center; color:white; text-transform:uppercase }
#element_139 table tr th:nth-child(even) { background-color:#7AC0CE; }
#element_139 table tr th:nth-child(odd) { background-color:#7f7f7f; }
#element_139 table tr td { padding:5px; text-align:center; border:1px solid #d1d1d1; }
#element_139 table tbody tr:nth-child(even) { background-color:#efefef; }
#element_139 table tbody tr:nth-child(odd) { background-color:#f6f6f6; }
#element_395 .image { text-align:left; padding-top:25px; }
/* contact */
#element_451 { float:right; width:50%; padding-bottom:20px; }
#element_451 .field { width:90% }
#element_451 .fieldWrapper { padding-bottom:5px; }
#element_451 textarea { height:150px; }
#element_413 { float:right; width:50%; text-align:center }
#element_413 h2 { margin-bottom:0; padding-bottom:0; }
@media (max-width: 800px) {
#element_451 { float:none; width:auto; padding:0 10px; }
#element_413 { float:none; width:auto }
}
#element_418 a {
display:block; position:absolute; right:-20px; width:150px; background-color:#339eb2;
color:white; padding:5px 10px; text-transform:uppercase; text-decoration:none;
}
#element_128 { line-height:1.4em }
.article_header { background-color:white; }
.article_summary { float:left; background-color:white; width:60% }
.article_image { float:right; background-color:white; width:40%; clear:right }
.article_image .image { padding:15px }
#accountNav { padding:0; margin:0; }
#accountNav.buttons p a { width:192px; height:65px; font-size:20px; margin:4px; }
#accountNav p:nth-child(1) a { background-color:#004750 }
#accountNav p:nth-child(2) a { background-color:#339eb2 }
#accountNav p:nth-child(3) a { background-color:#aeaefd }
#accountNav p:nth-child(4) a { background-color:#bfb8af }
#accountNav p:nth-child(5) a { background-color:#b0adfd }
#accountNav p:nth-child(6) a { background-color:#004750 }
#accountNav p:nth-child(7) a { background-color:#339eb2 }
#accountNav p:nth-child(8) a { background-color:#47a888 }
#accountTop { margin-left:50%; margin-top:-60px; width:50% }
#accountTop.buttons { justify-content:right }
#accountTop.buttons p a { font-size:14px; width:125px; height:35px; margin-left:4px; margin-right:4px; }
#accountTop.buttons p:nth-child(1) a { background-color:#79c1ce }
#accountTop.buttons p:nth-child(2) a { background-color:#004750 }
#accountTop.buttons p:nth-child(3) a { background-color:#4aa788 }
/* mobile account nav update here */
@media (max-width: 400px) {
#accountTop { margin:0; width:100% }
}
#element_434 {
padding-top:20px; margin:0;
}
#element_434 #signup td,th { font-size: 18px; }
#element_434 #signup input { padding:5px; }
#element_450 a { background-color:#004650; width:500px }
#productInfo .left { float:left; width:55% }
#productInfo .right { float:right; width:43% }
@media (max-width: 800px) {
#productInfo .left { float:none; width:auto }
#productInfo .right { float:none; width:auto; padding:0 15px; }
}
#element_126 div { padding: 4px 0; }
#page_241 .field { width:350px; }
#page_241 textarea.field { height:200px; }
.alert { position:absolute; top:-120px; right:420px; width:237px; height:85px; z-index:5; }
@media (max-width: 650px) { .alert { display:none; } }
@media (max-width: 768px) {
#page_account #listingHeader .cell:nth-child(3) { display:none }
#page_account #listingHeader .cell:nth-child(4) { display:none }
#page_account .row .cell:nth-child(3) { display:none }
#page_account .row .cell:nth-child(4) { display:none }
}
@media (max-width: 420px) {
#page_account #listingHeader .cell:nth-child(2) { width:60px }
#page_account #listingHeader .cell:nth-child(6) { display:none }
#page_account .row .cell:nth-child(2) { width:60px }
#page_account .row .cell:nth-child(6) { display:none }
}
.fieldset > div { padding:5px }
.fieldset > div::after { content:""; display:block; clear:both } /* clearfix */
.fieldset > div > label { display:block; float:left; width:150px; padding-top:5px; }
.fieldset > div > div { float:left; width:330px }
@media (max-width: 550px) {
.fieldset > div { padding:10px 5px }
.fieldset > div > label { display:block; width:96% }
.fieldset > div > div { display:block; width:96% }
}
#fedexExpressForm { display:grid; grid-template-columns: 40px auto 60px; max-width:400px }
.fedexExpressRow { display:contents }
.fedexExpressRow > div { cursor:pointer }
.fedexExpressNote { display:block; font-style:italic; padding-bottom:10px; font-size:13px }
.fedexExpressRate { text-align:right }